Wprowadzenie do języka JSX w React
Język JSX to zwykły JavaScript, ale z pewnymi rozszerzeniami, pozwalającymi pisać tagi bezpośrednio w kodzie, bez cudzysłowów.
Tagi można zwracać przez return:
function App() {
return <div>
text
</div>;
}
Tagi mogą mieć atrybuty:
function App() {
return <div class="eee">
text
</div>;
}
Tagi można zapisywać w zmiennych lub stałych:
function App() {
const elem = <div>text</div>;
return elem;
}
W twoim głównym komponencie znajduje się następująca funkcja:
function App() {
return <div>
text
</div>;
}
Zmień tekst wewnątrz diva. Spójrz na zmiany, które zaszły w przeglądarce.
Dodaj do diva kilka akapitów.
Dodaj twoim akapitom klasy.
