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:
jsxfunction App() {
return <div>
văn bản
</div>;
}
Các thẻ có thể có thuộc tính:
jsxfunction 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ố:
jsxfunction App() {
const elem = <div>văn bản</div>;
return elem;
}
Задание 1
Trong component chính của bạn có hàm sau:
jsxfunction 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.
Задание 2
Thêm một vài đoạn văn (thẻ p) vào trong thẻ div.
Задание 3
Thêm class cho các đoạn văn của bạn.