Tæller med states i React
Lad os lave en tæller for klik på en knap:
function App() {
const [count, setCount] = useState(0);
function clickHandler() {
setCount(count + 1);
}
return <div>
<span>{count}</span>
<button onClick={clickHandler}>+</button>
</div>;
}
Man kan undgå handler-funktionen ved at erstatte den med en anonym pilfunktion:
function App() {
const [count, setCount] = useState(0);
return <div>
<span>{count}</span>
<button onClick={() => setCount(count + 1)}>+</button>
</div>;
}
Antag at et tal er gemt i staten. Vis dette tal i et afsnit. Lav to knapper. Lad den første knap øge tallet med én, og den anden - formindsk det.
