React-এ JSX ভাষার পরিচিতি
JSX ভাষাটি হল সাধারণ JavaScript, কিন্তু কিছু সংযোজনসহ, যা সরাসরি কোডে উদ্ধৃতি ছাড়াই ট্যাগ লিখতে দেয়।
return এর মাধ্যমে ট্যাগ রিটার্ন করা যায়:
jsxfunction App() {
return <div>
text
</div>;
}
ট্যাগগুলির অ্যাট্রিবিউট থাকতে পারে:
jsxfunction App() {
return <div class="eee">
text
</div>;
}
ট্যাগগুলি ভেরিয়েবল বা কনস্ট্যান্টে সংরক্ষণ করা যায়:
jsxfunction App() {
const elem = <div>text</div>;
return elem;
}
Задание 1
আপনার মূল কম্পোনেন্টে নিম্নলিখিত ফাংশনটি আছে:
jsxfunction App() {
return <div>
text
</div>;
}
div-এর ভিতরের টেক্সটটি পরিবর্তন করুন। ব্রাউজারে ঘটা পরিবর্তনগুলি দেখুন।
Задание 2
div-এ কয়েকটি প্যারাগ্রাফ যোগ করুন।
Задание 3
আপনার প্যারাগ্রাফগুলিতে ক্লাস যোগ করুন।