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 மாற்றி, HTML JSX மாற்றம்