Công cụ chuyển đổi HTML sang JSX

Bọc trong component

Tên component

HTML

JSX

Chuyển đổi HTML sang JSX là gì?

JSX là cú pháp giống HTML được sử dụng trong các component React. Mặc dù trông giống HTML, nhưng có những điểm khác biệt quan trọng: class trở thành className, for trở thành htmlFor, style nội dòng sử dụng đối tượng JavaScript thay vì chuỗi, tất cả các thẻ phải tự đóng, và các trình xử lý sự kiện sử dụng camelCase. Công cụ này tự động xử lý tất cả các chuyển đổi đó để bạn có thể dán HTML trực tiếp và nhận được JSX hợp lệ sẵn sàng sử dụng trong các component React của bạn.

Cách sử dụng công cụ chuyển đổi HTML sang JSX

Dán markup HTML vào bảng bên trái (hoặc nhấp 'Ví dụ' để tải mẫu).
Đầu ra JSX xuất hiện ngay lập tức ở bên phải.
Tùy chọn bật 'Bọc trong component' để nhận component hàm đầy đủ sẵn sàng để dán.
Sao chép JSX bằng nút 'Sao chép JSX'.

Keywords: HTML sang JSX, công cụ chuyển đổi HTML JSX, chuyển HTML sang React, chuyển đổi className, JSX trực tuyến, công cụ React JSX, chuyển đổi HTML JSX