Teller op state in React
Laat ons 'n teller maak wat klippe op 'n knoppie tel:
function App() {
const [count, setCount] = useState(0);
function clickHandler() {
setCount(count + 1);
}
return <div>
<span>{count}</span>
<button onClick={clickHandler}>+</button>
</div>;
}
Ons kan van die hanteerderfunksie ontslae raak deur dit met 'n anonieme pylfunksie te vervang:
function App() {
const [count, setCount] = useState(0);
return <div>
<span>{count}</span>
<button onClick={() => setCount(count + 1)}>+</button>
</div>;
}
Laat 'n nommer in die state gestoor word. Vertoon hierdie nommer in 'n paragraaf. Maak twee knoppies. Laat die eerste knoppie die ouderdom met een verhoog, en die tweede een - dit verminder.
