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.

Usein kysytyt kysymykset

Onko turvallista purkaa arkaluonteisia tietoja täällä? Kyllä. Kaikki purkaminen tapahtuu selaimessasi JavaScriptin avulla. Mitään tietoa ei lähetetä millekään palvelimelle, joten koodatut merkkijonot pysyvät täysin yksityisinä.

Mikä on ero Base64:n ja URL-turvallisen Base64:n välillä? Standardi Base64 käyttää + ja / -merkkejä, jotka ovat erikoismerkkejä URL-osoitteissa. URL-turvallinen Base64 korvaa ne - ja _ -merkeillä, jotta merkkijonoa voidaan käyttää turvallisesti URL-osoitteissa ja tiedostonimissä ilman prosenttikoodausta.

Miksi purettu tulokseni näyttää sekavalta? Jos alkuperäinen data oli binaarista (kuten kuva, PDF tai pakattu tiedosto), purettu tulos ei ole luettavaa tekstiä. Siinä tapauksessa Base64-merkkijono edustaa binaaritiedostoa, ei tekstimerkkijonoa.

Onko Base64 salauksen muoto? Ei. Base64 on koodausjärjestelmä, ei salaus. Kuka tahansa voi purkaa Base64-merkkijonon ilman avainta. Sitä ei koskaan pidä käyttää arkaluonteisten tietojen suojaamiseen - käytä oikeaa salausta siihen.

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