En teller med states i React
La oss lage en teller for klikk på en knapp:
function App() {
const [count, setCount] = useState(0);
function clickHandler() {
setCount(count + 1);
}
return <div>
<span>{count}</span>
<button onClick={clickHandler}>+</button>
</div>;
}
Vi kan fjerne handler-funksjonen og erstatte den med en anonym pilfunksjon:
function App() {
const [count, setCount] = useState(0);
return <div>
<span>{count}</span>
<button onClick={() => setCount(count + 1)}>+</button>
</div>;
}
Anta at et tall er lagret i state. Vis dette tallet i et avsnitt. Lag to knapper. La den første knappen øke tallet med én, og den andre - reduserer den.
