Брояч със състояния в 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>;
}
Нека в състоянието се съхранява число. Изведете това число в абзац. Направете два бутона. Нека първият бутон увеличава възрастта с единица, а вторият - я намалява.