HTML sang JSX
Chuyển HTML hoặc SVG sang JSX cho React.
Chạy trên máy bạn. Dữ liệu bạn dán vào không được tải lên đâu cả.
Có HTML sang JSX và 121 công cụ khác. Miễn phí 7 ngày, không cần tài khoản.
Công cụ này làm gì
Dán HTML hoặc SVG để nhận JSX dùng ngay trong React component. class thành className, for thành htmlFor, style inline thành object, thẻ rỗng được tự đóng, và thuộc tính SVG như stroke-width được đổi sang camelCase.
Văn bản được escape ở những chỗ JSX đọc khác HTML: dấu ngoặc nhọn, dấu < >, và chuỗi giống entity như ©. Ở chỗ HTML hiển thị dấu cách giữa chữ và thẻ inline, kết quả ghi {" "} để chữ không bị dính vào nhau. Ô nhập trong form dùng defaultValue và defaultChecked, và bạn có thể bọc kết quả thành một component có tên.
Khi nào bạn cần đến nó
- Chuyển một đoạn markup từ template tĩnh hoặc bản thiết kế vào React component.
- Đổi SVG của icon xuất từ công cụ thiết kế sang JSX mà không phải sửa từng thuộc tính.
- Chuyển đoạn HTML của email hoặc landing page vào trang Next.js.
- Xem một đoạn HTML khó, có style inline và entity, cần viết thế nào trong JSX.
Cũng hay được tìm bằng
- html
- jsx
- react
- convert
- classname
- svg
- component