HTML JSX-muuntaja

Kääri komponenttiin

Komponentin nimi

HTML

JSX

Mitä on HTML:n muuntaminen JSX:ksi?

JSX on HTML:n kaltainen syntaksi, jota käytetään React-komponenteissa. Vaikka se näyttää HTML:ltä, siinä on keskeisiä eroja: class muuttuu className:ksi, for muuttuu htmlFor:ksi, sisäiset tyylit käyttävät JavaScript-objekteja merkkijonojen sijaan, kaikkien tagien on oltava itsensä sulkevia, ja tapahtumankäsittelijät käyttävät camelCase-muotoa. Tämä työkalu käsittelee kaikki nämä muunnokset automaattisesti, joten voit liittää HTML:n suoraan ja saada voimassa olevan JSX:n valmiina käytettäväksi React-komponenteissasi.

Kuinka käyttää HTML JSX-muuntajaa

Liitä HTML-merkintä vasemmanpuoleiseen paneeliin (tai napsauta 'Esimerkki' ladataksesi näytteen).
JSX-tulos näkyy välittömästi oikealla.
Vaihtoehtoisesti ota käyttöön 'Kääri komponenttiin' saadaksesi täydellisen toiminnallisen komponentin valmiina liitettäväksi.
Kopioi JSX 'Kopioi JSX' -painikkeella.

Keywords: HTML JSX:ksi, HTML JSX-muuntaja, HTML React-muunto, className-muuntaja, JSX verkossa, React JSX-muuntaja, HTML JSX-muunnos