HTML sang JSX

Về công cụ này

Bộ chuyển đổi HTML sang JSX có thể chuyển đổi đánh dấu HTML chuẩn thành cú pháp React JSX hợp lệ. Nó tự động chuyển đổi thuộc tính HTML sang dạng tương đương JSX, như class thành className, for thành htmlFor, xử lý chuỗi style nội tuyến thành đối tượng style, thẻ tự đóng và đổi tên trình xử lý sự kiện, tất cả thao tác đều hoàn thành cục bộ trong trình duyệt.

Tính năng chính

• Tự động chuyển đổi thuộc tính (class, for, tabindex, v.v.)
• Chuỗi style nội tuyến thành đối tượng style
• Xử lý thẻ tự đóng cho phần tử rỗng
• Chuyển đổi thuộc tính trình xử lý sự kiện (onclick thành onClick)
• HTML mẫu tích hợp sẵn để kiểm tra nhanh
• Chuyển đổi thời gian thực khi nhập

Xem nhanh

Tình huống sử dụng

• Di chuyển mẫu HTML hiện có thành component React
• Chuyển đổi thiết kế HTML tĩnh thành JSX động
• Chuyển đổi đoạn HTML Bootstrap hoặc Tailwind thành mã React
• Chuyển nhanh mẫu email HTML sang trình render dựa trên React
• Học sự khác biệt cú pháp JSX bằng cách so sánh HTML và JSX