Le useState est un hook de réaction qui contient un état du composant.
Dans ce cas, l’État est un compteur.
Le bouton augmente l'état du compteur. Le bouton - diminue le compteur.
・src/Example.js
import { useState } from "react"; const Example = () => { const [count, setCount] = useState(0); return ( <> <CountResult title="count" count={count} /> <CountUpdate setCount={setCount} /> </> ); }; const CountResult = ({ title, count }) => ( <h3> {title} : {count} </h3> ); const CountUpdate = ({ setCount }) => { const countUp = () => { setCount((prev) => prev + 1); }; const countDown = () => { setCount((prev) => prev - 1); }; return ( <> <button onClick={countUp}>+</button> <button onClick={countDown}>-</button> </> ); }; export default Example;
・Voici l'action du compte à rebours.
・Voici l'action du compte à rebours.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!