React'ta State ile Sayaç
Hadi bir butona tıklama sayacı yapalım:
function App() {
const [count, setCount] = useState(0);
function clickHandler() {
setCount(count + 1);
}
return <div>
<span>{count}</span>
<button onClick={clickHandler}>+</button>
</div>;
}
Fonksiyon işleyicisinden, onu anonim ok fonksiyonu ile değiştirerek kurtulabilirsiniz:
function App() {
const [count, setCount] = useState(0);
return <div>
<span>{count}</span>
<button onClick={() => setCount(count + 1)}>+</button>
</div>;
}
State'te bir sayı saklansın. Bu sayıyı bir paragrafta gösterin. İki buton yapın. İlk buton sayıyı bir birim artırsın, ikincisi ise bir birim azaltsın.
