Лічыльнік на стэйтах у 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>;
}
Хай у стэйце захоўваецца лік. Вывядзіце гэты лік у абзацы. Зрабіце дзве кнопкі. Хай першая кнопка павялічвае лік на адзінку, а другая - памяншае яго.
