Memperbaiki “0” yang ditampilkan dalam kode JSX

Hari-hari awal web terasa seperti barat yang liar dalam hal praktik pengkodean – buat itu berfungsi. Kemudian kami mendapatkan pencerahan tentang praktik terbaik, memisahkan HTML dari CSS dan JavaScript. Kemudian datang React dan JSX, di mana kami menggabungkan JavaScript, HTML, dan bahkan CSS dengan Komponen Bergaya – sungguh kekacauan yang telah kami buat!

Dari waktu ke waktu bagian dari kekacauan itu adalah aku, begitu ditampilkan dalam output kode JSX saya dan mengingatkan saya akan alasannya: penanganan variabel pengetikan yang tidak tepat, dikombinasikan dengan penggunaan &&. Mari saya jelaskan!

Salah satu model yang populer di BEJ adalah:

<div>Some header</div>
{someValue && <div>Some header</div>}

Polanya masuk akal, tetapi periksa perbedaan output antara tipe string dan angka:

"0" && "Thing"
> "Thing"
0 && "Thing"
> 0

Perhatikan bahwa nilai string dari mengembalikan nilai kedua, tetapi nomor yang diketik itu hanya mengembalikan . Praktik terbaik adalah selalu memberikan nilai pada a Boolean di BEJ Anda:

{Boolean(value) && ....}

TypeScript dan juga PropTypes dapat membantu memahami masalah ini, tetapi bahkan veteran berpengalaman pun terkadang mengalami masalah ini.

Animasi JS yang responsif dan skalabel tanpa batas

Di penghujung tahun 2012 tidak mudah menemukan proyek open source yang menggunakan requestAnimationFrame() – ini adalah pengait yang memungkinkan kode Javascript untuk menyinkronkan dengan siklus cat asli browser web. Animasi yang menggunakan metode ini dapat berjalan pada 60fps dan menghasilkan …

 

Slider Facebook dengan Mootools dan CSS

ARTIKEL TERKAIT
Cara membuat UUID di JavaScript
Trik membuat UUID di JavaScript

UUID telah digunakan dalam pemrograman sejak David Walsh yang berwajah bayi menjadi insinyur perangkat lunak profesional. Paparan pertama saya terhadap >>> Baca selengkapnya

jq untuk JSON
Tips jq untuk JSON

Saya cukup dewasa untuk mengingat ketika kami berpikir XML akan mengubah dunia pemrograman ... kemudian JSON menyelamatkan kami dari neraka >>> Baca selengkapnya

Setel versi simpul default dengan nvm
versi simpul default dengan nvm

Seperti yang telah saya tunjukkan di masa lalu, nvm utilitas luar biasa untuk beralih antar versi Node.js. Baik itu host >>> Baca selengkapnya

Acara diInput
Pengkodean formulir HTML

Pengkodean formulir HTML telah menyakitkan sepanjang karir saya. Kontrol formulir terlihat berbeda antara sistem operasi dan browser, pengkodean sisi klien >>> Baca selengkapnya

Mode gelap dalam satu baris kode!
Cara membuat mode gelap pada PC atau Laptop

Mode gelap tampaknya telah menjadi mode visual yang diinginkan untuk situs web dan aplikasi seluler. Mode gelap lebih enak dipandang >>> Baca selengkapnya

4 Software Edit Video Terbaik, Termudah dan Gratis 2022
Software Edit Video Terbaik, Termudah dan Gratis

Software edit video terbaik dan mudah dioperasikan sangat dibutuhkan oleh para creator video khususnya para YouTuber pemula. Dengan software editing >>> Baca selengkapnya

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.