Penghitung dengan State dalam React
Mari buat penghitung klik pada butang:
function App() {
const [count, setCount] = useState(0);
function clickHandler() {
setCount(count + 1);
}
return <div>
<span>{count}</span>
<button onClick={clickHandler}>+</button>
</div>;
}
Anda boleh menghilangkan fungsi pengendali (handler), menggantikannya dengan fungsi anak panah tanpa nama (anonymous arrow function):
function App() {
const [count, setCount] = useState(0);
return <div>
<span>{count}</span>
<button onClick={() => setCount(count + 1)}>+</button>
</div>;
}
Katakan sebuah nombor disimpan dalam state. Paparkan nombor ini dalam perenggan. Buat dua butang. Katakan butang pertama menambah nombor tersebut sebanyak satu, manakala butang kedua - menguranginya.
