HTML เป็น JSX

เกี่ยวกับเครื่องมือนี้

ตัวแปลง HTML เป็น JSX แปลงมาร์กอัป HTML มาตรฐานเป็นไวยากรณ์ React JSX ที่ถูกต้อง แปลงแอตทริบิวต์ HTML เป็นรูปแบบ JSX โดยอัตโนมัติ เช่น class เป็น className, for เป็น htmlFor จัดการสตริงสไตล์อินไลน์เป็นออบเจ็กต์สไตล์ แท็กปิดตัวเอง และการเปลี่ยนชื่อตัวจัดการเหตุการณ์ ทุกการทำงานเสร็จสิ้นในเบราว์เซอร์

คุณสมบัติหลัก

• การแปลงแอตทริบิวต์อัตโนมัติ (class, for, tabindex ฯลฯ)
• สตริงสไตล์อินไลน์เป็นออบเจ็กต์สไตล์
• การจัดการแท็กปิดตัวเองสำหรับองค์ประกอบว่าง
• การแปลงแอตทริบิวต์ตัวจัดการเหตุการณ์ (onclick เป็น onClick)
• HTML ตัวอย่างในตัวเพื่อการทดสอบอย่างรวดเร็ว
• แปลงแบบเรียลไทม์ขณะพิมพ์

ดูตัวอย่าง

สถานการณ์การใช้งาน

• ย้ายเทมเพลต HTML ที่มีอยู่เป็นคอมโพเนนต์ React
• แปลงการออกแบบ HTML แบบสแตติกเป็น JSX แบบไดนามิก
• แปลงส่วนย่อย HTML ของ Bootstrap หรือ Tailwind เป็นโค้ด React
• ย้ายเทมเพลตอีเมล HTML ไปยังตัวเรนเดอร์ที่ใช้ React อย่างรวดเร็ว
• เรียนรู้ความแตกต่างของไวยากรณ์ JSX โดยเปรียบเทียบ HTML กับ JSX