suchen

Heim  >  Fragen und Antworten  >  Hauptteil

Fügen Sie Datensätze mit 2 Zuständen ein

Den vollständigen Codeausschnitt finden Sie hier

import "./styles.css";
import React, { useState } from "react";

export default function App() {
  const target = [
    { id: 16, word: "sixteen" },
    { id: 17, word: "seventeen" },
    { id: 18, word: "eighteen" }
  ];

  const initialState = {
    tid: "",
    name: ""
  };
  const [count, setCount] = useState(0);
  const [raw, setRaw] = useState(initialState);

  function change() {
    setRaw((raw) => ({ ...raw, tid: target[count]?.id }));
    setRaw((raw) => ({ ...raw, name: target[count].word }));
    console.log(raw); //axios function to insert record
    setCount((count) => count + 1);
  }

  return (
    <div className="App">
      <h1 onClick={change}>Click</h1>
      <h2>Count : {count}</h2>
      <h2>
        Array: {target[count]?.id},{target[count].word}
      </h2>
      <h2>
        State Object : {raw.tid},{raw.name}
      </h2>
    </div>
  );
}

Ich erhalte ein Array aus der Datenbank (Beispiel target Array, das im obigen Code deklariert wurde). Grundsätzlich möchte ich Datensätze lesen und in eine andere Tabelle schreiben.

Ich benutze raw 状态来存储它们。如果您看到上面的内容,它落后于 1. Also, in

Wie kann ich das Problem beheben, sodass beim Klicken auf #1 raw mit raw 填充 target[0] Daten gefüllt wird?

P粉545682500P粉545682500383 Tage vor488

Antworte allen(1)Ich werde antworten

  • P粉744831602
  • StornierenAntwort