Счётчик дар React бо истифода аз стейтҳо
Биёед счётчики кликҳо дар тугма таҳия кунем:
function App() {
const [count, setCount] = useState(0);
function clickHandler() {
setCount(count + 1);
}
return <div>
<span>{count}</span>
<button onClick={clickHandler}>+</button>
</div>;
}
Можно аз функсияи коргар халос шуд, онро бо функсияи номаълуми тирча иваз кард:
function App() {
const [count, setCount] = useState(0);
return <div>
<span>{count}</span>
<button onClick={() => setCount(count + 1)}>+</button>
</div>;
}
Бигзор дар стейт адад нигоҳ дошта шавад. Ин ададро дар абзас чоп кунед. Ду тугма созед. Бигзор тугмаи аввал ададро як воҳид афзоиш диҳад, ва тугмаи дуюм - онро кам кунад.