SQL Server Tips, Teknik, dan Artikel

Cara Menambahkan Komentar JSX di React


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 -->.

cleanshot-2022-03-13-at-20-58-572x
Kesalahan penguraian: Token tak terduga. Ini karena mencoba membuat komentar sebagai elemen DOM.

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 (

{/* Cara ini akan berhasil! */}

); } function CommentDemoMultiline() { return (

{/* Cara ini akan berhasil! Saya juga dapat melakukan banyak baris selama masih dalam kurung kurawal. */}

); }

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 (

{ //Cara ini akan berhasil! //Saya juga bisa melakukan banyak baris selama masih dalam kurung kurawal. } {// Cara ini akan merusak semuanya.}

); }

cleanshot-2022-03-13-at-21-08-112x
Saat menggunakan // kurung kurawal penutup harus berada di baris baru.

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).



Source link