5. React Events
📘 কনসেপ্ট (থিওরি)
এইচটিএমএল ডম (DOM) ইভেন্টের মতোই, রিঅ্যাক্ট ব্যবহারকারীর ইভেন্টের ওপর ভিত্তি করে কাজ সম্পাদন করতে পারে।
রিঅ্যাক্টে এইচটিএমএল এর মতোই ইভেন্ট আছে: ক্লিক (click), চেঞ্জ (change), মাউসওভার (mouseover) ইত্যাদি।
রিঅ্যাক্ট ইভেন্টগুলো ক্যামেলকেস (camelCase) সিনট্যাক্সে লেখা হয়:
-
onclick এর পরিবর্তে onClick।
রিঅ্যাক্ট ইভেন্ট হ্যান্ডলারগুলো কার্লি ব্রেসের ভেতরে লেখা হয়:
- onclick="shoot()" এর পরিবর্তে onClick={shoot}।💡 উদাহরণ
ইভেন্ট যোগ করা:
function Football() {
const shoot = () => {
alert("Great Shot!");
}
return (
);
}
🎯 আপনার কাজ (প্র্যাকটিস)
একটি বাটনসহ একটি কম্পোনেন্ট
Clicker তৈরি করুন। এটিতে ক্লিক করা হলে, এটি যেন handleClick নামের একটি ফাংশনকে কল করে যা "Clicked!" অ্যালার্ট দেয়।main.react
Loading...
OUTPUT
Run your code to see the output here...