Bộ đếm sử dụng State trong React
Hãy tạo một bộ đếm số lần nhấp vào nút:
function App() {
const [count, setCount] = useState(0);
function clickHandler() {
setCount(count + 1);
}
return <div>
<span>{count}</span>
<button onClick={clickHandler}>+</button>
</div>;
}
Có thể loại bỏ hàm xử lý bằng cách thay thế nó bằng một hàm mũi tên ẩn danh:
function App() {
const [count, setCount] = useState(0);
return <div>
<span>{count}</span>
<button onClick={() => setCount(count + 1)}>+</button>
</div>;
}
Giả sử một số được lưu trữ trong state. Hãy hiển thị số đó trong một đoạn văn. Tạo hai nút. Hãy để nút đầu tiên tăng số đó lên một đơn vị, và nút thứ hai - giảm nó đi.
