HTML į JSX keitiklis

Apvynioti į komponentą

Komponento pavadinimas

HTML

JSX

Kas yra HTML konvertavimas į JSX?

JSX yra HTML panaši sintaksė, naudojama React komponentuose. Nors ji atrodo kaip HTML, yra esminių skirtumų: class tampa className, for tampa htmlFor, eilutiniai stiliai naudoja JavaScript objektus vietoje eilučių, visi žymėjimai turi būti savaiminiai, o įvykių tvarkytuvai naudoja camelCase. Šis įrankis automatiškai apdoroja visus tuos pakeitimus, todėl galite tiesiogiai įklijuoti HTML ir gauti galiojantį JSX, paruoštą naudoti jūsų React komponentuose.

Kaip naudoti HTML į JSX keitiklį

Įklijuokite HTML žymėjimą į kairįjį skydelį (arba spustelėkite 'Pavyzdys', kad įkeltumėte pavyzdį).
JSX išvestis pasirodo iš karto dešinėje.
Pasirinktinai įjunkite 'Apvynioti į komponentą', kad gautumėte pilną funkcinį komponentą, paruoštą įklijuoti.
Kopijuokite JSX naudodami mygtuką 'Kopijuoti JSX'.

Keywords: HTML į JSX, HTML JSX keitiklis, HTML React konvertavimas, className keitiklis, JSX internetu, React JSX keitiklis, HTML JSX transformacija