Mengapa Nama Komponen ReactJS Perlu Dimulakan dengan Huruf Besar?

Konvensyen Penamaan Komponen dalam ReactJS: Mengapa Nama Bermula dengan Huruf Besar?

Apabila bekerja dengan ReactJS, anda mungkin perasan tingkah laku luar biasa: nama komponen mesti bermula dengan huruf besar, jika tidak komponen akan gagal untuk dipaparkan. Ambil contoh berikut:

var fml = React.createClass({
  render: function () {
    return <a href='google.com'>Go</a>;
  }
});

React.render(<fml />, document.body);

Komponen ini tidak akan dipaparkan kerana 'fml' bermula dengan huruf kecil. Walau bagaimanapun, jika anda menukarnya kepada 'Fml', ia akan berfungsi seperti yang diharapkan.

Sebab konvensyen ini terletak pada JSX (JavaScript XML), iaitu sintaks yang digunakan untuk mencipta komponen React. Dalam JSX, nama teg huruf kecil ditafsirkan sebagai teg HTML, bukan komponen React. Untuk membezakan antara mereka, React memerlukan nama komponen untuk bermula dengan huruf besar.

Memahami Kaveat API createElement

API createElement, yang digunakan untuk mencipta elemen React, mempunyai kaveat khusus mengenai nama tag:

• akan menyusun ke React.createElement('component'), iaitu teg HTML.
• akan menyusun kepada React.createElement(Component), iaitu komponen React.
• akan menyusun ke React.createElement(obj.component), iaitu komponen yang diakses melalui objek.

Dengan menggunakan huruf besar untuk nama komponen, anda memastikan JSX mentafsirkannya dengan betul sebagai komponen React dan bukan tag HTML. Konvensyen ini membantu mencegah ralat dan mengekalkan konsistensi dalam pangkalan kod React anda.

Atas ialah kandungan terperinci Mengapa Nama Komponen ReactJS Perlu Dimulakan dengan Huruf Besar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!