Introducere în limbajul JSX în React
Limbajul JSX este JavaScript obișnuit, dar cu unele adaosuri care permit scrierea de tag-uri direct în cod, fără ghilimele.
Tag-urile pot fi returnate prin return:
function App() {
return <div>
text
</div>;
}
Tag-urile pot avea atribute:
function App() {
return <div class="eee">
text
</div>;
}
Tag-urile pot fi înregistrate în variabile sau constante:
function App() {
const elem = <div>text</div>;
return elem;
}
În componenta dvs. principală există următoarea funcție:
function App() {
return <div>
text
</div>;
}
Schimbați textul din interiorul div-ului. Urmăriți modificările care au avut loc în browser.
Adăugați în div mai multe paragrafe.
Adăugați paragrafelor voastre clase.