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>;
}

ধরুন স্টেটে একটি সংখ্যা সংরক্ষিত আছে। একটি অনুচ্ছেদে সেই সংখ্যাটি দেখান। দুটি বাটন তৈরি করুন। প্রথম বাটনটি যেন বয়স এক করে বাড়ায়, এবং দ্বিতীয়টি - এটি এক করে কমায়।