# Pemformat JSX

Format komponen React dan JSX lainnya dengan Pemformat JSX ini. Tempelkan kode Anda, lalu alat ini menguraikannya sebagai modul JavaScript dengan JSX, mencetak JavaScript dengan indentasi dua spasi dan titik koma, serta menata elemen JSX multi-baris dengan tag bertingkat pada baris tersendiri di dalam tanda kurung. Kesalahan sintaks akan dilaporkan, sehingga pengembang React mendapatkan kembali komponen yang mudah dibaca untuk peninjauan, debugging, dan dokumentasi.

## Pertanyaan yang sering diajukan

### Bagaimana cara kerja 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.

### Bagaimana elemen JSX multi-baris ditulis?

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.

### Apakah fragmen dan komponen dengan tag penutup otomatis didukung?

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.

### Apa yang terjadi jika ada kesalahan sintaks?

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.

### Gaya apa yang digunakan bagian JavaScript?

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.

### Apakah komentar dipertahankan?

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

### Apakah alat ini mendukung TypeScript di dalam file TSX?

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.

### Apakah pemformatan akan mengubah tampilan komponen saya?

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.

### Mengapa output dipagari sebagai javascript?

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

### Seberapa besar komponen saya boleh?

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

Iklan Anda di sini?

[Email kami](mailto:hi@dennn.is?subject=Beriklan%20di%20OneClick%20Pro)

[Iklan Rangkaian plugin siap agen untuk WordPress.](https://sleekwp.com/?ref=oneclickpro)