Skaitītājs ar stāvokļiem React
Izveidosim klikšķu skaitītāju uz pogas:
function App() {
const [count, setCount] = useState(0);
function clickHandler() {
setCount(count + 1);
}
return <div>
<span>{count}</span>
<button onClick={clickHandler}>+</button>
</div>;
}
Var atbrīvoties no apstrādes funkcijas, aizstājot to ar anonīmu bulta funkciju:
function App() {
const [count, setCount] = useState(0);
return <div>
<span>{count}</span>
<button onClick={() => setCount(count + 1)}>+</button>
</div>;
}
Lai stāvoklī tiek glabāts skaitlis. Izvadiet šo skaitli rindkopā. Izveidojiet divas pogas. Lai pirmā poga palielina skaitli par vienu, bet otrā - samazina to.
