React-এ স্টেট ব্যবহার করে কাউন্টার

আসুন একটি বাটনে ক্লিকের কাউন্টার তৈরি করি:

jsxfunction App() {
  const [count, setCount] = useState(0);
  
  function clickHandler() {
    setCount(count + 1);
  }
  
  return <div>
    <span>{count}</span>
    <button onClick={clickHandler}>+</button>
  </div>;
}

হ্যান্ডলার ফাংশনটি সরিয়ে এনোনিমাস অ্যারো ফাংশন দিয়ে প্রতিস্থাপন করা যায়:

jsxfunction App() {
  const [count, setCount] = useState(0);
  
  return <div>
    <span>{count}</span>
    <button onClick={() => setCount(count + 1)}>+</button>
  </div>;
}