Kibadilishi cha HTML hadi JSX
Bandika HTML na upate JSX safi ya React — class inakuwa className, sifa zinakuwa camelCase, mfuatano wa style unakuwa vitu na vitambulisho vinajifunga vyenyewe. Hufanya kazi kabisa kwenye kivinjari chako. Bila malipo.
Kila kitu hufanya kazi kwenye kivinjari chako — markup yako haitoki kamwe kwenye kifaa chako.
1
Kuhusu Kibadilishi cha HTML hadi JSX
Kibadilishi cha HTML kwenda JSX hubadilisha alama za HTML za kawaida kuwa JSX tayari kwa React papo hapo. Hubadilisha class kuwa className na for kuwa htmlFor, hufanya camelCase kwa kebab-case na sifa za SVG, hubadilisha mifuatano ya style ya inline kuwa objects za style za JSX, na hufunga vipengele visivyo na maudhui (void) kama img na br vyenyewe — hasa marekebisho ambayo ungeyafanya kwa mkono.
Bandika snippet, sehemu kamili ya ukurasa, au alama zilizohamishwa kutoka zana ya usanifu, na paneli ya JSX husasishwa unapoandika ikiwa na syntax highlighting. Kifuniko cha hiari hubadilisha matokeo kuwa function component yenye jina, hivyo matokeo huingia moja kwa moja kwenye mradi wa React bila marekebisho zaidi.
Kibadilishi hiki ni zana ya HTML kwenda JSX inayofanya kazi kabisa upande wa mteja (client-side): alama zako hubadilishwa na JavaScript kwenye kivinjari chako na haziwahi kuondoka kwenye kifaa chako, jambo linalofanya iwe salama kutumika na violezo vya kipekee na kurasa za ndani.
Jinsi ya kutumia Kibadilishi cha HTML hadi JSX
- Bandika HTML yako kwenye paneli ya kushoto, au bofya Sample kupakia mfano.
- Angalia paneli ya JSX ikisasishwa papo hapo unapoandika au kuhariri.
- Washa Wrap in a component na weka jina la component kama unataka function component iliyotayarishwa tayari.
- Bofya Copy kuchukua JSX, au Download kuihifadhi kama Component.jsx.
- Tumia Clear kurudisha paneli zote mbili kwenye hali ya awali na kubadilisha snippet nyingine.