Giới thiệu về ngôn ngữ JSX trong React
Ngôn ngữ JSX là JavaScript thông thường, nhưng với một số bổ sung cho phép viết các thẻ trực tiếp trong mã, không cần dấu ngoặc kép.
Các thẻ có thể được trả về qua return:
function App() {
return <div>
văn bản
</div>;
}
Các thẻ có thể có thuộc tính:
function App() {
return <div class="eee">
văn bản
</div>;
}
Các thẻ có thể được ghi vào biến hoặc hằng số:
function App() {
const elem = <div>văn bản</div>;
return elem;
}
Trong component chính của bạn có hàm sau:
function App() {
return <div>
văn bản
</div>;
}
Hãy thay đổi văn bản bên trong thẻ div. Hãy xem những thay đổi xảy ra trong trình duyệt.
Thêm một vài đoạn văn (thẻ p) vào trong thẻ div.
Thêm class cho các đoạn văn của bạn.
