HTML uz JSX pārveidotājs

Ietīt komponentā

Komponenta nosaukums

HTML

JSX

Kas ir HTML pārveidošana par JSX?

JSX ir HTML līdzīga sintakse, ko izmanto React komponentos. Lai gan tā izskatās kā HTML, pastāv būtiskas atšķirības: class kļūst par className, for kļūst par htmlFor, iebūvētie stili izmanto JavaScript objektus, nevis virknes, visiem tagiem jābūt pašaizverošiem, un notikumu apstrādātāji izmanto camelCase. Šis rīks automātiski veic visas šīs pārveidošanas, lai jūs varētu tieši ielīmēt HTML un iegūt derīgu JSX, kas gatavs lietošanai jūsu React komponentos.

Kā lietot HTML uz JSX pārveidotāju

Ielīmējiet HTML iezīmējumu kreisajā panelī (vai noklikšķiniet uz 'Piemērs', lai ielādētu paraugu).
JSX izvade parādās uzreiz labajā pusē.
Pēc izvēles aktivizējiet 'Ietīt komponentā', lai iegūtu pilnu funkcionālu komponentu, gatavu ielīmēšanai.
Kopējiet JSX, izmantojot pogu 'Kopēt JSX'.

Keywords: HTML uz JSX, HTML JSX pārveidotājs, HTML React konvertēšana, className pārveidotājs, JSX tiešsaistē, React JSX pārveidotājs, HTML JSX transformācija