Kihesabu kwa kutumia hali katika React
Wacha tufanye kihesabu cha mibofyo ya kifungo:
function App() {
const [count, setCount] = useState(0);
function clickHandler() {
setCount(count + 1);
}
return <div>
<span>{count}</span>
<button onClick={clickHandler}>+</button>
</div>;
}
Inawezekana kuondokana na kitendakazi-kichakataji, ukibadilisha na kitendakazi isiyojulikana ya mshale:
function App() {
const [count, setCount] = useState(0);
return <div>
<span>{count}</span>
<button onClick={() => setCount(count + 1)}>+</button>
</div>;
}
Acha nambari ihifadhiwe katika hali. Onyesha nambari hiyo kwenye aya. Fanya vibofyo viwili. Acha kifungo cha kwanza kiongeze umri kwa moja, na cha pili - kipunguze.