HTML থেকে JSX রূপান্তরকারী

কম্পোনেন্টে মোড়ান

কম্পোনেন্টের নাম

HTML

JSX

HTML থেকে JSX রূপান্তর কী?

JSX হল React কম্পোনেন্টে ব্যবহৃত HTML-সদৃশ সিনট্যাক্স। যদিও এটি HTML-এর মতো দেখায়, মূল পার্থক্য রয়েছে: class হয়ে যায় className, for হয়ে যায় htmlFor, ইনলাইন স্টাইলগুলি স্ট্রিংয়ের পরিবর্তে JavaScript অবজেক্ট ব্যবহার করে, সমস্ত ট্যাগ অবশ্যই সেলফ-ক্লোজড হতে হবে, এবং ইভেন্ট হ্যান্ডলারগুলি camelCase ব্যবহার করে। এই টুলটি স্বয়ংক্রিয়ভাবে সেই সমস্ত রূপান্তরগুলি পরিচালনা করে যাতে আপনি সরাসরি HTML পেস্ট করতে পারেন এবং আপনার React কম্পোনেন্টে ব্যবহারের জন্য প্রস্তুত বৈধ JSX পেতে পারেন।

HTML থেকে JSX রূপান্তরকারী কীভাবে ব্যবহার করবেন

বাম প্যানেলে HTML মার্কআপ পেস্ট করুন (অথবা একটি নমুনা লোড করতে 'উদাহরণ' ক্লিক করুন)।
JSX আউটপুট তাৎক্ষণিকভাবে ডানদিকে দেখা যাবে।
পেস্ট করার জন্য প্রস্তুত একটি সম্পূর্ণ ফাংশনাল কম্পোনেন্ট পেতে ঐচ্ছিকভাবে 'কম্পোনেন্টে মোড়ান' সক্ষম করুন।
'JSX কপি করুন' বোতাম ব্যবহার করে JSX কপি করুন।

Keywords: HTML থেকে JSX, HTML থেকে JSX রূপান্তরকারী, HTML থেকে React রূপান্তর, className রূপান্তরকারী, JSX অনলাইন, React JSX রূপান্তরকারী