Chuyển đổi HTML sang JSX
Phần mềm chuyển đổi HTML sang JSX miễn phí, không cần cài đặt. Chuyển đổi mã HTML sang định dạng JSX của React.
Giới thiệu về HTML to JSX
Viết lại HTML chuẩn thành đánh dấu tương thích với JSX cho React. Nó đóng các phần tử void, đổi tên các thuộc tính dành riêng thành dạng tương đương trong React, chuyển chuỗi style nội tuyến thành cú pháp đối tượng style với tên thuộc tính camelCase và chuẩn hóa các thuộc tính boolean về dạng React.
Cách sử dụng
1. Dán HTML vào ô nhập. 2. Nhấp vào Chuyển đổi để tạo JSX trong ô kết quả. 3. Sử dụng Sao chép để sao chép kết quả vào một thành phần React.
Viết lại thuộc tính và kiểu dáng
Các thẻ tự đóng (img, br, hr, input, meta, link, area, base, col, embed, source, track, wbr) được đóng bằng />. class= trở thành className=; for= trở thành htmlFor=. Chuỗi style="..." trở thành style={{...}} với các thuộc tính kebab-case được chuyển sang camelCase (font-family -> fontFamily) và float -> cssFloat. Các thuộc tính boolean như checked, disabled, readonly, required, autoplay, autofocus được chuẩn hóa (readOnly, autoPlay, autoFocus).
▶Các phần tử void có được tự động đóng không?
▶Kiểu dáng nội tuyến được xử lý như thế nào?
▶Nó có chuyển class thành className không?
▶Nó có xác thực HTML không?
Nếu công cụ này đã giúp ích cho bạn, hãy nghĩ đến việc mua một cốc cà phê cho tôi.
Hãy mua cho tôi một cốc cà phê nhé.