Räknare med tillstånd i React
Låt oss skapa en klickräknare 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>;
}
Man kan göra sig av med handlarfunktionen genom att ersätta 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 att ett nummer lagras i tillståndet. Visa detta nummer i ett stycke. Skapa två knappar. Låt den första knappen öka numret med ett, och den andra - minska det.
