Števec na stanjih v React
Naredimo števec klikov na gumb:
function App() {
const [count, setCount] = useState(0);
function clickHandler() {
setCount(count + 1);
}
return <div>
<span>{count}</span>
<button onClick={clickHandler}>+</button>
</div>;
}
Funkcijo ročnika lahko odstranimo in jo nadomestimo z anonimno funkcijo puščice:
function App() {
const [count, setCount] = useState(0);
return <div>
<span>{count}</span>
<button onClick={() => setCount(count + 1)}>+</button>
</div>;
}
Naj bo v stanju shranjena številka. Prikažite to številko v odstavku. Naredite dva gumba. Naj prvi gumb poveča številko za ena, drugi pa jo zmanjša.