[ad_1]
Menambahkan komentar di JSX (JavaScript XML) bekerja sedikit berbeda dari komentar Javascript biasa.
Pertanyaan umum bagi mereka yang memulai di React adalah “bagaimana Anda menambahkan komentar JSX?”. Jika Anda mencoba menambahkannya seperti komentar Javascript standar, teks akan diuraikan dan muncul di frontend aplikasi Anda.
Berikut demo singkat tentang apa yang akan terjadi jika Anda mencoba sesuatu <!-- Like This -->.
Sebaliknya, Komentar BEJ dilakukan dengan cara yang unik.
Kami akan membuat komentar dengan menggunakan komentar blok Javascript, dan membungkusnya dengan kurung kurawal. Tanda kurung kurawal memberi tahu parser JSX bahwa apa pun di antaranya harus ditafsirkan sebagai JavaScript, bukan Sebuah benang.
Dengan pendekatan ini, kita dapat melakukan komentar JSX single line dan multi line di React.
function CommentDemo() { return (
); } function CommentDemoMultiline() { return (
); }
Ini adalah cara “resmi” untuk menambahkan komentar di JSX dan Bereaksi.
Anda juga dapat memilih untuk menggunakan // untuk menyertakan komentar, tetapi ini harus dipecah menjadi beberapa baris, dan dibungkus dengan kurung kurawal. Jika Anda menggunakan metode ini pada satu baris, itu akan rusak karena kurung kurawal penutup dianggap sebagai bagian dari komentar, merusak banyak hal.
function CommentDemoMultiline() { return (
); }
Artikel ini menunjukkan dua cara untuk menambahkan komentar di BEJ. Ini berguna untuk mendokumentasikan pekerjaan Anda di proyek React. Membungkus sesuatu dalam kurung kurawal tunggal memberi tahu kompiler untuk menafsirkan apa pun yang ada di dalamnya sebagai javascript, itulah sebabnya metode komentar ini berfungsi (mereka adalah metode komentar JS dasar).
[ad_2]
Source link
Content Writer