Share
Ce veți creaJSX este similar cu un mix de XML și HTML. Utilizați JSX în codul React pentru a crea cu ușurință componente pentru aplicațiile dvs. JSX se transformă în JavaScript când React compilează codul.
Frumusețea React este că puteți crea un cod reutilizabil și puteți structura cu ușurință aplicația dvs. dintr-o mentalitate bazată pe componente. În cele din urmă, decalajul dintre batjocorirea unor fire de sârmă a ideilor formate semantic și implementarea lor nu a fost niciodată mai aproape.
Iată un exemplu de utilizare a JSX pentru a face HTML:
js var div = ; ReactDOM.render (div, document.getElementById ('exemplu'));
Pentru a crea o componentă, utilizați doar o variabilă locală care începe cu o majusculă, de exemplu.:
"js var MyComponent = React.createClass (/ /... /); var myElement =
ReactDOM.render (myElement, document.getElementById ('exemplu')); "
Notă: Există cuvinte rezervate în JSX, deoarece este esențial JavaScript după cuvinte cheie cum ar fi clasă și pentru sunt descurajați ca nume de atribute. În schimb, componentele React așteaptă numele de proprietăți React, cum ar fi numele clasei și htmlFor, de exemplu.
Specificați copiii din cadrul JSX ca fiind:
"js var Utilizator, Profil;
// scrieți în JSX: var app =
// Ce va fi trimis în JS: var app = React.createElement (Utilizator, className: "vip-user", React.createElement (Profile, null, click)
Utilizați REPL Babel pentru a testa JSX.
Crearea formularului este ușoară cu JSX și subcomponente, de exemplu:
"js forma Form = FormComponent;
var App = (
Accentsconagua