Վիճակներով հաշվիչ 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>;
}
Թող վիճակում պահպանվի թիվ։ Տպեք այդ թիվը պարբերության մեջ։ Ստեղծեք երկու կոճակ։ Թող առաջին կոճակը մեծացնի տարիքը մեկով, իսկ երկրորդը՝ փոքրացնի այն։
