Pemformat JSX

Pertama, kode diuraikan sebagai modul JavaScript dengan JSX diaktifkan, lalu dicetak dengan gaya yang konsisten. Elemen JSX kemudian ditata dengan aturan yang sama seperti Pemformat HTML, sehingga tag blok bertingkat ditempatkan pada barisnya sendiri dengan indentasi.

Jika sebuah elemen berisi elemen anak tingkat blok seperti div, section, p, ul, atau h1, setiap elemen anak ditempatkan pada barisnya sendiri dan seluruh elemen dibungkus dengan tanda kurung. Elemen yang muat dalam satu baris, seperti satu tag komponen, tetap ditulis sebaris.

Ya, fragmen yang ditulis sebagai <> dan </>, serta komponen dengan tag penutup otomatis seperti <Item key={1}/>, akan diuraikan dan dipertahankan. Atribut dan ekspresi di dalam kurung kurawal disalin apa adanya.

Parser akan berhenti dan alat menampilkan pesannya, misalnya token yang tidak terduga, alih-alih mengembalikan kode yang hanya diformat sebagian. Perbaiki bagian yang dilaporkan, lalu format ulang.

Blok menggunakan indentasi dua spasi, satu pernyataan per baris, spasi di sekitar operator, dan titik koma di akhir pernyataan. Tidak ada opsi untuk mengubah gayanya.

Ya, komentar baris dan blok di dalam JavaScript dipertahankan. Komentar di dalam ekspresi JSX tetap berada di dalam kurung kurawalnya.

Tidak, anotasi tipe bukan bagian dari tata bahasa JSX yang diuraikan alat ini, jadi TSX dengan tipe akan ditolak sebagai kesalahan sintaks. Gunakan Pemformat TypeScript untuk kode bertipe.

JavaScript hanya dicetak ulang, dan tata letak JSX mengubah spasi kosong di antara elemen blok, yang diabaikan React saat elemen tersebut berada di baris terpisah. Periksa teks sebaris di dekat tag jika jarak yang tepat penting.

JSX adalah ekstensi dari JavaScript, jadi hasilnya dikembalikan sebagai blok kode Markdown berlabel javascript. Salin baris di antara pagar kode untuk file .jsx Anda.

Hingga 5 MB kode per proses; masukan yang lebih besar akan ditolak dengan sebuah pesan. Keluarannya sama dengan opsi JSX pada Code Formatter.