HTML നിന്ന് JSX കൺവെർട്ടർ

കമ്പോണന്റിൽ ചുറ്റുക

കമ്പോണന്റ് പേര്

HTML

JSX

HTML നിന്ന് JSX കൺവേർഷൻ എന്താണ്?

JSX എന്നത് React കമ്പോണന്റുകളിൽ ഉപയോഗിക്കുന്ന HTML-സദൃശ സിൻടാക്സ് ആണ്. HTML പോലെ തോന്നിക്കുമെങ്കിലും, പ്രധാന വ്യത്യാസങ്ങളുണ്ട്: class ആകുന്നത് className, for ആകുന്നത് htmlFor, ഇൻലൈൻ സ്റ്റൈലുകൾ സ്ട്രിംഗ്ങൾക്ക് പകരം JavaScript ഒബ്ജക്ടുകൾ ഉപയോഗിക്കുന്നു, എല്ലാ ടാഗുകളും സ്വയം-അടഞ്ഞിരിക്കണം, ഇവന്റ് ഹാൻഡ്‌ലറുകൾ camelCase ഉപയോഗിക്കുന്നു. ഈ ടൂൾ ഈ എല്ലാ ട്രാൻസ്‌ഫോർമേഷനുകളും ഓട്ടോമാറ്റിക്കായി ചെയ്യുന്നു, അതിനാൽ നിങ്ങൾക്ക് HTML നേരിട്ട് ഒട്ടിച്ച് React കമ്പോണന്റുകളിൽ ഉപയോഗിക്കാൻ തയ്യാറായ valid JSX നേടാം.

HTML നിന്ന് JSX കൺവെർട്ടർ എങ്ങനെ ഉപയോഗിക്കാം

ഇടത് പാനലിൽ HTML മാർക്കപ്പ് ഒട്ടിക്കുക (അല്ലെങ്കിൽ ഒരു സ്യാമ്പിൾ ലോഡ് ചെയ്യാൻ 'ഉദാഹരണം' ക്ലിക്ക് ചെയ്യുക).
JSX ഔട്ട്‌പുട്ട് ഉടൻ തന്നെ വലത്ത് ദൃശ്യമാകും.
ഒട്ടിക്കാൻ തയ്യാറായ ഒരു പൂർണ്ണ ഫംഗ്ഷണൽ കമ്പോണന്റ് ലഭിക്കാൻ ഐച്ഛികമായി 'കമ്പോണന്റിൽ ചുറ്റുക' പ്രവർത്തനക്ഷമമാക്കുക.
'JSX കോപ്പി ചെയ്യുക' ബട്ടൺ ഉപയോഗിച്ച് JSX കോപ്പി ചെയ്യുക.

Keywords: HTML JSX ആക്കുക, HTML JSX കൺവെർട്ടർ, HTML React ആക്കുക, className കൺവെർട്ടർ, JSX ഓൺലൈൻ, React JSX കൺവെർട്ടർ