9. React Hooks (useState)
📘 কনসেপ্ট (থিওরি)
ভার্সন ১৬.৮ এ রিঅ্যাক্টে হুকস (Hooks) যোগ করা হয়েছিল।
হুকস ফাংশন কম্পোনেন্টগুলোকে স্টেট এবং অন্যান্য রিঅ্যাক্ট ফিচারে অ্যাক্সেস পেতে দেয়। এর কারণে, সাধারণত ক্লাস কম্পোনেন্টের আর প্রয়োজন হয় না।
**useState হুক**
রিঅ্যাক্টের
useState হুক আমাদের ফাংশন কম্পোনেন্টে স্টেটের ট্র্যাক রাখতে দেয়।
স্টেট সাধারণত এমন ডেটা বা প্রপার্টিগুলোকে বোঝায় যেগুলো একটি অ্যাপ্লিকেশনে ট্র্যাক করা প্রয়োজন।
useState একটি প্রাথমিক (initial) স্টেট গ্রহণ করে এবং দুটি মান রিটার্ন করে:
১. বর্তমান স্টেট।
২. একটি ফাংশন যা স্টেট আপডেট করে।💡 উদাহরণ
useState এর ব্যবহার:
import { useState } from "react";
function FavoriteColor() {
const [color, setColor] = useState("red");
return (
<>
My favorite color is {color}!
); }🎯 আপনার কাজ (প্র্যাকটিস)
একটি কম্পোনেন্ট
Counter লিখুন। একটি count (প্রাথমিক মান 0) এর ট্র্যাক রাখতে useState ব্যবহার করুন। একটি বাটন যোগ করুন যা ক্লিক করা হলে count কে ১ করে বাড়ায়। কাউন্টটি দেখান।main.react
Loading...
OUTPUT
Run your code to see the output here...