HTML ወደ JSX መቀየሪያ

ኮምፖነንት ውስጥ ጠቅለል

የኮምፖነንት ስም

HTML

JSX

HTML ወደ JSX መቀየር ምንድን ነው?

JSX በ React ኮምፖነንቶች ውስጥ ጥቅም ላይ የሚውል HTML-መሰል አገባብ ነው። ምንም እንኳ HTML ቢመስልም፣ ቁልፍ ልዩነቶች አሉ፦ class ወደ className ይለወጣል፣ for ወደ htmlFor ይለወጣል፣ የኢንላይን ስታይሎች የጃቫስክሪፕት ኦብጀክቶችን ይጠቀማሉ እንጂ ሕብረቁምፊዎችን አይደለም፣ ሁሉም ታጎች ራሳቸውን መዝጋት አለባቸው፣ እና የክስተት ተቆጣጣሪዎች camelCase ይጠቀማሉ። ይህ መሳሪያ እነዚህን ሁሉ ለውጦች በራስ ሰር ያስተናግዳቸዋል ስለዚህ HTML ቀጥታ ሊለጥፉ እና ለ React ኮምፖነንቶችዎ ዝግጁ የሆነ ትክክለኛ JSX ማግኘት ይችላሉ።

HTML ወደ JSX መቀየሪያ እንዴት ይጠቀሙ

HTML ምልክቶቹን በግራ ፓነል ውስጥ ይለጥፉ (ወይም ናሙና ለመጫን 'ምሳሌ' ን ጠቅ ያድርጉ)።
JSX ውጤቱ ወዲያውኑ በቀኝ ይታያል።
ሙሉ ተግባራዊ ኮምፖነንት ለማግኘት በፈቃደኝነት 'ኮምፖነንት ውስጥ ጠቅለል' ያንቁ።
JSX ን በ'JSX ቅዳ' አዝራር ቅዱ።

Keywords: HTML ወደ JSX, HTML ወደ JSX መቀየሪያ, HTML ወደ React ይቀይሩ, className መቀየሪያ, JSX በመስመር ላይ, React JSX መቀየሪያ