DevTulz Online

Penukar HTML ke JSX


Apakah Penukaran HTML ke JSX?

JSX ialah sintaks yang menyerupai HTML yang digunakan dalam komponen React. Walaupun ia kelihatan seperti HTML, terdapat perbezaan utama: class menjadi className, for menjadi htmlFor, gaya sebaris menggunakan objek JavaScript bukan rentetan, semua tag mesti ditutup sendiri, dan pengendali peristiwa menggunakan camelCase. Alat ini mengendalikan semua transformasi tersebut secara automatik supaya anda boleh menampilkan HTML terus dan mendapat JSX yang sah sedia digunakan dalam komponen React anda.

Cara Menggunakan Penukar HTML ke JSX

  1. Tampal markup HTML ke panel kiri (atau klik 'Contoh' untuk memuatkan sampel).

  2. Output JSX muncul serta-merta di sebelah kanan.

  3. Secara pilihan, dayakan 'Balut dalam komponen' untuk mendapatkan komponen berfungsi penuh yang sedia untuk ditampal.

  4. Salin JSX menggunakan butang 'Salin JSX'.

Keywords: HTML ke JSX, penukar HTML ke JSX, tukar HTML kepada React, penukar className, JSX dalam talian, penukar React JSX, transformasi HTML JSX