2015-10-09 17 views
7

Jestem całkiem nowy, aby React, uważam, że większość samouczek mówi o JSX, nie nauczyłem się żadnej składni JSX, ale zastanawiam się, czy główna różnica między JavaScript i JavaScript w React React jest tylko na składni podobnej do HTML? Albo na co jeszcze warto zwrócić uwagę?Reaktor początkujący mylić o różnicy między JavaScript i JSX

+2

JSX * to * składnia podobna do html. –

+0

@DavinTryon Dzięki, więc nawet jeśli umieściłem

1

Za pomocą kompilatora JSX można przekształcać wyrażenia JSX w połączenia na React.createElement. Jest to wygodniejszy sposób na osiągnięcie tego, co wcześniej zostało osiągnięte dzięki wstawionym plikom HTML jako znacznikom SCRIPT i rzeczywiście istnieją inne kompilatory JSX, które nie są związane z React.

Aby dać wyraźny przykład, spróbuj poszukać w poniższym kodzie JSX jak jest kompilowany do JS poprzez Babel:

import React from 'react'; 

var Foo = React.createClass({ 
    render() { 
    return (
     <div> 
     <p> 
      Ad postea vocent equidem. 
     </p> 
     </div> 
    ); 
    } 
}); 
+0

Dzięki, więc w gruncie rzeczy ostatecznym celem jest zamiana wszystkiego nie w składni JS na składnię JS, nie ma interpretatora JSX. Dobrze? – Kuan

0

JSX jest składnia rozszerzenie XML podobny do ECMAScript i niekoniecznie związany reagować na wszystko. React to tylko transpiler, silnik, który zamienia drzewo JSX w poprawny JavaScript. Istnieją inne transpilery, takie jak React, który ma również składnię JSX, JSXDom i MercuryJSX. JSX nie jest zgodny z żadną specyfikacją XML lub HTML ani nie jest w żaden sposób poza ECMAScript i został wynaleziony na Facebooku.

Powodem stojącym za JSX było to, że Facebook chciał mieć jeden rodzaj rozszerzenia składni, za którym programiści mogliby polegać, mieć jasną i zwięzłą specyfikację i miejmy nadzieję zminimalizować kolejny "język".

+2

Transpilator to narzędzie typu babel; react to biblioteka – FakeRainBrigand

Powiązane problemy