Бројач на состојби во 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>;
}
Нека во состојбата се чува број. Прикажете го тој број во став. Направете две копчиња. Нека првото копче го зголемува бројот за еден, а второто - го намалува.