JSX cơ bản()

Nền tảng

Viết giao diện bằng JSX.

JSX cho phép viết cấu trúc giao diện trong JavaScript. Dùng dấu ngoặc nhọn để đưa biểu thức vào JSX; tên thuộc tính như className khác HTML.

THỬ NGAY

Đổi tên và phép tính trong mã, rồi chạy để xem kết quả.

Sửa component App rồi bấm Chạy mã · Ctrl/⌘ + EnterReact & các hook có sẵn · Không cần import

KẾT QUẢĐang chuẩn bị…

Đang chuẩn bị…

App.jsx

1function App() {2  const name = "Shin";3  const age = 22;4  return <div className="card">5    <h2>Xin chào, {name}!</h2>6    <p>Năm sinh gần đúng: {2026 - age}</p>7  </div>;8}

Hỗ trợ JavaScript/JSX và CSS qua style hoặc thẻ <style>. Chưa hỗ trợ import thư viện ngoài hoặc gọi API. Bản sửa chỉ giữ khi bạn đang ở bài này; chuyển bài hoặc tải lại trang sẽ về mã gốc. Cài đặt editor được lưu trên thiết bị này.

Điều cần nhớ

Component phải trả về một phần tử gốc hoặc Fragment <>…</>. Biểu thức trong {} có thể tính ra giá trị.

↗ Thử thách nhỏ

Hiển thị tên của bạn và năm sinh tính từ tuổi.