เคาน์เตอร์บนสเตทใน 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>;
}

ให้ตัวเลขถูกเก็บในสเตท แสดงตัวเลขนี้ในย่อหน้า สร้างปุ่มสองปุ่ม ให้ปุ่มแรกเพิ่มอายุขึ้นหนึ่งหน่วย และปุ่มที่สอง - ลดอายุลง