2. React JSX
📘 কনসেপ্ট (থিওরি)
JSX এর পূর্ণরূপ হলো JavaScript XML।
JSX আমাদের রিঅ্যাক্টে এইচটিএমএল (HTML) লিখতে দেয়।
JSX রিঅ্যাক্টে এইচটিএমএল লেখা এবং যোগ করা সহজ করে তোলে।
JSX দিয়ে আপনি কার্লি ব্রেস
{ } এর ভেতরে এক্সপ্রেশন লিখতে পারেন।
এক্সপ্রেশনটি একটি রিঅ্যাক্ট ভেরিয়েবল, বা প্রপার্টি, বা অন্য কোনো বৈধ জাভাস্ক্রিপ্ট এক্সপ্রেশন হতে পারে। JSX এক্সপ্রেশনটি চালাবে এবং ফলাফল রিটার্ন করবে।
দ্রষ্টব্য: JSX এ এলিমেন্টগুলোর একটি টপ-লেভেল (প্যারেন্ট) এলিমেন্ট থাকা প্রয়োজন। আপনি একাধিক এলিমেন্টকে মোড়ানোর জন্য একটি "ফ্র্যাগমেন্ট (Fragment)" <>... ব্যবহার করতে পারেন।💡 উদাহরণ
JSX এর ব্যবহার:
const name = "Josh Perez";
// একটি এক্সপ্রেশন এমবেড করা
const element =
Hello, {name}
; // একটি ফ্র্যাগমেন্ট ব্যবহার করা const myElement = ( <>I am a paragraph.
I am another paragraph.
);🎯 আপনার কাজ (প্র্যাকটিস)
একটি ভেরিয়েবল
greeting = "Welcome" তৈরি করুন। একটি কম্পোনেন্ট Message লিখুন যা {greeting} to React! ধারণকারী একটি main.react
Loading...
OUTPUT
Run your code to see the output here...