React-də State ilə Sayğac
Gəlin düyməyə kliklərin sayğacını edək:
function App() {
const [count, setCount] = useState(0);
function clickHandler() {
setCount(count + 1);
}
return <div>
<span>{count}</span>
<button onClick={clickHandler}>+</button>
</div>;
}
Handler funksiyasından imtina edərək, onu anonim ox funksiyası ilə əvəz etmək olar:
function App() {
const [count, setCount] = useState(0);
return <div>
<span>{count}</span>
<button onClick={() => setCount(count + 1)}>+</button>
</div>;
}
Tutaq ki, state-də bir ədəd saxlanılır. Həmin ədədi abzasda çap edin. Iki düymə edin. Birinci düymə ədədi bir vahid artırsın, ikinci isə onu bir vahid azaltsın.
