ここには完璧な代コードセグメント
import "./styles.css"; import React, { useState } from "react"; デフォルト関数 App() をエクスポート { const ターゲット = [ { id: 16, word: "シックスティーン" }, { id: 17, word: "セブンティーン" }, { id: 18、単語: "18" } ]; const 初期状態 = { tid: ""、 名前: "" }; const [カウント, setCount] = useState(0); const [raw, setRaw] = useState(initialState); 関数変更() { setRaw((raw) => ({ ...raw, tid: target[count]?.id })); setRaw((raw) => ({ ...raw, 名前: target[count].word })); コンソール.ログ(生); //レコードを挿入するaxios関数 setCount((カウント) => カウント 1); } 戻る ( <div className="アプリ"> <h1 onClick={change}>クリック</h1> <h2>カウント : {count}</h2>配列: {target[count]?.id}、{target[count].word} </h2>
状態オブジェクト: {raw.tid}、{raw.name} </h2> </div> ); }
私たちはデータベースから数値群を取得します (上のコードに target
数値群の例が記載されています)。基本的には、それを取得して別のテーブルに書き込むことを考えています。
raw 状態を使用してそれらを保存します。上の内容を確認した場合、それらは
1 の後に表示されます。
したがって、
にあります
を入力します。
target[0]
データを充填します。
完全なコード スニペットに従ってください
最初の useEffect が閉じられていなかったので、コメントしたところ、機能しました。