เกี่ยวกับเครื่องมือนี้
ตัวแปลง HTML เป็น JSX / React แยกวิเคราะห์ส่วน HTML ด้วย DOMParser ดั้งเดิมของเบราว์เซอร์และ serialize ใหม่เป็น JSX ที่ถูกต้อง โดยแก้ไขทุกอย่างที่ React ต้องการ มันทำงานฝั่งไคลเอนต์ทั้งหมด ดังนั้น markup ที่คุณวางจะอยู่บนเครื่องของคุณ วาง HTML ใดก็ได้ — export จากงานออกแบบ, เทมเพลตอีเมล, สเก็ตช์คอมโพเนนต์ — แล้วได้ JSX ที่คุณนำไปวางในไฟล์ React ได้ทันที
การเขียนใหม่เปลี่ยนชื่อแอตทริบิวต์สงวน (class กลายเป็น className, for กลายเป็น htmlFor), ทำ camelCase กับที่เหลือ — tabindex เป็น tabIndex, maxlength เป็น maxLength, stroke-width เป็น strokeWidth — ขณะที่ปล่อยแอตทริบิวต์ data-* และ aria-* ไว้ไม่แตะต้อง void element อย่าง img, br, input และ hr ถูกทำให้ปิดตัวเอง (<img />), คอมเมนต์ HTML กลายเป็น {/* ... */}, เครื่องหมายปีกกาตรง ๆ ในข้อความถูก escape เป็น {'{'}, และสตริง inline style="a:b;c:d" ถูกแปลงเป็น object style={{ a: 'b', c: 'd' }} ด้วยคีย์ CSS แบบ camelCase แอตทริบิวต์ boolean อย่าง disabled สามารถสร้างแบบเปล่าหรือเป็น ={true} ด้วยตัวสลับ
เลือกผลลัพธ์แบบ fragment — root node หลายตัวถูกห่อใน fragment <>...</> อัตโนมัติ — หรือผลลัพธ์แบบคอมโพเนนต์เต็ม ซึ่งห่อ JSX ใน export default function พร้อมชื่อและการเยื้องที่คุณเลือก (2 ช่องว่าง, 4 ช่องว่าง, หรือแท็บ) ผลลัพธ์พร้อมวาง; เพราะการแยกวิเคราะห์ใช้ DOM จริง การซ้อนที่ผิดรูปจึงถูกทำให้เป็นมาตรฐานแบบเดียวกับที่เบราว์เซอร์ทำ