Mitä eroa on ReactJS: ssä tiedostonimen .JS ja .JSX välillä?


Vastaus 1:

Teknisesti tiedostonimen laajennuksen tarkoituksella; ei ole yhtään.

Vaikka JSX edustaa XML-pohjaisia ​​esityksiä JavaScriptistä ja HTML: stä. Joten jos tiedosto sisältää JSX: n, yiu voi nimetä sen JSX-laajennuksella.

Vaikka nykyään näiden kahden laajennuksen välillä ei ole eroa, koska botti kuljetetaan joka tapauksessa jokaisen käyttöliittymäprojektin yhteydessä Babel-siirtäjän läpi.

Projektin kokoonpanon perusteella, jos projektisi käyttää Reaktia, Babelin transpilointiin on kytketty reagointikääntäjiä. Jos vue, niin vue siirrä.

Joten se ei ole eroa ja voit käyttää mitä tahansa niistä reagointiprojektiisi.

-

Jos pidit vastauksestani, olisin kiitollinen siitä, jos äänestisit sitä painamalla alla olevaa vaaleansinistä painiketta ja voisit seurata minua, jos haluat lukea enemmän näitä. Tai voit käydä blogissani Time to Hack.


Vastaus 2:

Ok, joten molemmat ovat tiedostopäätteitä, jotka yleensä on tarkoitettu React-komponenttien kirjoittamiseen tai määrittelemiseen. Kun React kehittyi, se toi JSX-syntaksin ja kehittäjät alkoivat kirjoittaa komponenttejaan .jsx-tiedostoihin. Babel-siirrosten avulla JSX siirrettiin JS: lle.

Nyt Babel- ja Webpack-pakettien kanssa sinun ei tarvitse huolehtia .jsx- tai .js-tiedoista. Lopuksi kaikki niputetaan JavaScriptiin. Ja muista yksi asia, selain ei ymmärrä .jsx-tiedostoja tai JSX-syntaksia. Viime kädessä JavaScript toimii selaimen sisällä.

Yleensä käytämme .jsx-tiedostoa, kun tiedostosi sisältää vain JSX: n ja määrittelee käyttöliittymän, joten sinun on helpompi ymmärtää mitä tiedosto todella sisältää.

//profile.jsx
var profiili = 

{[user.firstName, user.lastName] .join ('')}

;

Mutta nykyään sillä ei ole väliä.

Kuinka kirjoitan React-komponenttini? Kirjoitan kaiken .js-tiedoston sisällä.

Voit lukea virallisia asiakirjoja saadaksesi ymmärrystä.

Voit myös tarkistaa tämän StackOverflow-kysymyksen ymmärtääksesi.

** Voit tarkistaa verkkosivustoni / blogini, jossa kirjoitan säännöllisesti JavaScriptiä, ReactJS: ää ja FrontEnd-aiheita koskevista asioista. **

** Voit myös tilata sähköpostiuutiskirjeeni vastaavia opetusohjelmia varten. Lähetän ilmaisia ​​e-kirjoja ja opetusohjelmia sisältäviä pdf-tiedostoja säännöllisesti lukijoilleni. En roskapostia muuten ja kunnioitan yksityisyyttäsi. Lopeta tilaaminen milloin tahansa. **


Vastaus 3:

ReactJS: ssä ei ole eroa. Voit käyttää kumpaakin.

Reaktan ulkopuolella voit käyttää myös kumpaakin muotoa, kunhan syntaksi on selkeä JavaScripti, jota selaimet voivat käyttää ilman kääntämistä.

JSX-laajennus on otettu käyttöön tarkoittaen, että tiedoston sisältö sisältäisi sekä JS: n että Reaktin XML-pohjaiset tunnisteet sisällössä. Semanttinen tapa osoittaa tämä ei ole yksinkertainen JS ja se vaatii transpilointia.

Se on hyödyllinen myös silloin, kun editori tukee syntaksikorostamista, koska JSX saattaa vaatia hieman erilaista värikoodausta kuin tavallinen JS.