ReactHooks Batch-Update-Status und Abrufen von Routenparametern Beispielanalyse

importiere { useState } von „react“;
importiere { unstable_batchedUpdates } von ‚react-dom‘; //Verwenden Sie dies, wenn Sie den Status in Stapeln aktualisieren. importiere React von ‚react‘;
const Beispiel = () => {
  const [Anzahl, Anzahl festlegen] = useState(0);
  const [Anzahl1, setzeAnzahl1] = useState(0);
  const [isClick, setCount2] = useState(0);
  setzeTimeout(Funktion () {
    Anzahl festlegen(1)
    Anzahl1(1) setzen
    Anzahl der Zeichenketten (setCount2(1))
  }, 1000);
  console.log('gerendert')
  zurückkehren (
    <span>Bitte überprüfen Sie die Konsolenausgabe! </span>
  );
}
Beispiel für Exportstandard;

importiere { useState } von „react“;
importiere { unstable_batchedUpdates } von ‚react-dom‘; //Verwenden Sie dies, wenn Sie den Status in Stapeln aktualisieren. importiere React von ‚react‘;
const Beispiel = () => {
  const [Anzahl, Anzahl festlegen] = useState(0);
  const [Anzahl1, setzeAnzahl1] = useState(0);
  const [isClick, setCount2] = useState(0);
  setzeTimeout(Funktion () {
    unstable_batchedUpdates(() => {
      Anzahl festlegen(1)
      Anzahl1(1) setzen
      Anzahl der Zeichenketten (setCount2(1))
    })
    // Dies ist das Ereignis, das verarbeitet wird}, 1000);
  console.log('gerendert')
  zurückkehren (
    <span>Bitte überprüfen Sie die Konsolenausgabe! </span>
  );
}
Beispiel für Exportstandard;

<Routenpfad="/test/:name" Komponente={Statistik} />

importiere { useState } von „react“;
importiere React von „react“;
const Beispiel = ({ match }) => {
  const [name] = useState(match.params.name);
  zurückkehren (
    <p>Der Name ist: <span style={{ fontWeight: 600 }}>{name}</span></p>
  );
}
Beispiel für Exportstandard;