ตัวแปลง HTML เป็น JSX

---

การแปลง HTML เป็น JSX คืออะไร?

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

วิธีใช้ตัวแปลง HTML เป็น JSX

1. วาง HTML มาร์กอัปในแผงด้านซ้าย (หรือคลิก 'ตัวอย่าง' เพื่อโหลดตัวอย่าง)

2. ผลลัพธ์ JSX จะปรากฏทันทีทางด้านขวา

3. เปิดใช้งาน 'ห่อในคอมโพเนนต์' (ไม่บังคับ) เพื่อรับคอมโพเนนต์ฟังก์ชันที่สมบูรณ์พร้อมวาง

4. คัดลอก JSX โดยใช้ปุ่ม 'คัดลอก JSX'

คำถามที่พบบ่อย

ปลอดภัยไหมที่จะถอดรหัสข้อมูลที่ละเอียดอ่อนที่นี่ ใช่ การถอดรหัสทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณโดยใช้ JavaScript ไม่มีข้อมูลถูกส่งไปยังเซิร์ฟเวอร์ใดๆ ดังนั้นสตริงที่เข้ารหัสของคุณจึงยังคงเป็นข้อมูลส่วนตัวโดยสิ้นเชิง

ความแตกต่างระหว่าง Base64 และ URL-safe Base64 คืออะไร Base64 มาตรฐานใช้อักขระ + และ / ซึ่งเป็นอักขระพิเศษใน URL URL-safe Base64 แทนที่อักขระเหล่านี้ด้วย - และ _ เพื่อให้สตริงนี้สามารถใช้ได้อย่างปลอดภัยใน URL และชื่อไฟล์โดยไม่ต้อง percent-encoding

ทำไมผลลัพธ์ที่ถอดรหัสของฉันจึงดูเหมือนข้อความไร้สาระ หากข้อมูลดั้งเดิมเป็นข้อมูลไบนารี (เช่น รูปภาพ PDF หรือไฟล์ที่ถูกบีบอัด) ผลลัพธ์ที่ถอดรหัสจะไม่ใช่ข้อความที่อ่านได้ ในกรณีนั้น สตริง Base64 แทนไฟล์ไบนารี ไม่ใช่สตริงข้อความ

Base64 เป็นรูปแบบของการเข้ารหัส (encryption) หรือไม่ ไม่ Base64 เป็นโครงร่างการเข้ารหัส (encoding) ไม่ใช่การเข้ารหัส (encryption) ใครก็ตามสามารถถอดรหัสสตริง Base64 ได้โดยไม่ต้องใช้กุญแจ ไม่ควรใช้เพื่อปกป้องข้อมูลที่ละเอียดอ่อน — ใช้การเข้ารหัสที่เหมาะสม

Keywords: HTML เป็น JSX, ตัวแปลง HTML JSX, แปลง HTML เป็น React, ตัวแปลง className, JSX ออนไลน์, ตัวแปลง React JSX, การแปลง HTML JSX