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

আপনার প্যারাগ্রাফগুলিতে ক্লাস যোগ করুন।