Ôn tập: thành phần
Thuộc phần Kiến thức cơ bản trong hành trình React của Coddy. Bài học 15 trên 42.
Thử thách
DễTóm tắt chương: xây dựng một trang từ hai thành phần, áp dụng mọi kiến thức trong chương này.
- Định nghĩa thành phần
Header: một thẻ<h1>cóid="title"và văn bảnCoddy Shop. Hiển thị thành phần này đầu tiên bên trong<div>bên ngoài của App. - Định nghĩa thành phần
Badgetrả về<span>★</span>. - Bên trong
<div id="badges">hiện có, hiển thị Badge hai lần: một định nghĩa, hai lần sử dụng.
Tự làm thử
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<div id="root"></div>
<script type="module" src="main.jsx"></script>
</body>
</html>Tất cả bài học trong Kiến thức cơ bản
2Biểu thức JSX
Dấu ngoặc nhọnPhép toán trong dấu ngoặc nhọnDấu ngoặc nhọn trong thuộc tínhGọi hàm trong JSXÔn tập: Biểu thức JSX3Thành phần
Các khối cấu thànhThành phần thứ haiTái sử dụng thành phầnTạo một trangÔn tập: thành phần