Teller met states in React
Laten we een teller maken voor klikken op een knop:
function App() {
const [count, setCount] = useState(0);
function clickHandler() {
setCount(count + 1);
}
return <div>
<span>{count}</span>
<button onClick={clickHandler}>+</button>
</div>;
}
We kunnen de handler-functie verwijderen door deze te vervangen door een anonieme pijlfunctie:
function App() {
const [count, setCount] = useState(0);
return <div>
<span>{count}</span>
<button onClick={() => setCount(count + 1)}>+</button>
</div>;
}
Stel dat een getal in de state wordt opgeslagen. Toon dit getal in een alinea. Maak twee knoppen. Laat de eerste knop het getal met één verhogen, en de tweede - het verlagen.
