Penghitung dengan State di React
Mari buat penghitung klik tombol:
function App() {
const [count, setCount] = useState(0);
function clickHandler() {
setCount(count + 1);
}
return <div>
<span>{count}</span>
<button onClick={clickHandler}>+</button>
</div>;
}
Kita bisa menghilangkan fungsi penangan (handler) dengan menggantinya dengan fungsi panah anonim:
function App() {
const [count, setCount] = useState(0);
return <div>
<span>{count}</span>
<button onClick={() => setCount(count + 1)}>+</button>
</div>;
}
Anggaplah sebuah angka disimpan dalam state. Tampilkan angka tersebut dalam sebuah paragraf. Buat dua tombol. Biarkan tombol pertama menambah angka tersebut sebanyak satu, dan tombol kedua - menguranginya.
