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 ஐ நகலெடுங்கள்.

அடிக்கடி கேட்கப்படும் கேள்விகள்

இங்கே உணர்திறன் வாய்ந்த தரவைக் டிகோட் செய்வது பாதுரக்ஷிதமா? ஆம். அனைத்து டிகோடிங்கும் உங்கள் பிரவுசரில் JavaScript ஐப் பயன்படுத்தி நடைபெறும். எந்த தரவும் எந்த சேவையகத்திற்கும் அனுப்பப்படாது, எனவே உங்கள் என்கோட் செய்யப்பட்ட சரங்கள் முழுவதும் தனிப்பட்டதாக இருக்கும்.

Base64 மற்றும் URL-safe Base64 க்கு இடையே என்ன வேறுபாடு உள்ளது? நிலையான Base64, + மற்றும் / எழுத்துக்களைப் பயன்படுத்துகிறது, அவை URL-களில் சிறப்புக் குறிப்புகள். URL-safe Base64 அவற்றை - மற்றும் _ உடன் மாற்றுகிறது, இதனால் சரம் percent-encoding இல்லாமல் URL-களில் மற்றும் கோப்புப் பெயர்களில் பாதுரக்ஷிதமாகப் பயன்படுத்தப்படலாம்.

என்னுடைய டிகோட் செய்யப்பட்ட வெளியீடு ஏன் அபத்தமாகத் தெரிகிறது? அசல் தரவு பைனரி ஆக இருந்தால் (ஒரு படம், PDF, அல்லது சுருக்கப்பட்ட கோப்பு போன்றவை), டிகோட் செய்யப்பட்ட வெளியீடு படிக்கக்கூடிய உரையாக இருக்காது. அந்த விஷயத்தில், Base64 சரம் ஒரு பைனரி கோப்பைப் பிரதிநிதித்துவம் செய்கிறது, உரை சரம் அல்ல.

Base64 ஒரு என்கிரிப்ஷன் வடிவமா? இல்லை. Base64 ஒரு என்கோடிங் திட்டம், என்கிரிப்ஷன் அல்ல. எவராவது விசை இல்லாமல் Base64 சரத்தைக் டிகோட் செய்யலாம். உணர்திறன் வாய்ந்த தரவைப் பாதுகாக்க இது ஒருபோதும் பயன்படுத்தப்படக்கூடாது — அதற்கு சரியான என்கிரிப்ஷனைப் பயன்படுத்தவும்.

Keywords: HTML JSX மாற்றி, HTML இலிருந்து JSX, HTML React மாற்றம், className மாற்றி, JSX ஆன்லைன், React JSX மாற்றி, HTML JSX மாற்றம்