Mengapa Nama Komponen ReactJS Mesti Dimulakan dengan Huruf Besar?

Mengapa Nama Komponen ReactJS Memerlukan Huruf Besar?

Semasa bereksperimen dengan rangka kerja ReactJS, telah diperhatikan bahawa nama komponen bermula dengan huruf kecil surat gagal diberikan. Untuk menggambarkan, kod berikut tidak dipaparkan:

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

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

Walau bagaimanapun, menukar "fml" kepada "Fml" menyelesaikan isu. Ini menimbulkan persoalan: mengapa teg komponen tidak boleh bermula dengan huruf kecil?

Jawapan:

Dalam JSX, nama teg huruf kecil ditafsirkan sebagai teg HTML. Contohnya, disusun sebagai React.createElement('komponen'). Sebaliknya, teg huruf besar ditafsirkan sebagai komponen React, seperti yang menyusun sebagai React.createElement(Component).

Namun, terdapat pengecualian. Jika nama teg huruf kecil diikuti dengan noktah (aksesori harta), ia tidak dianggap sebagai teg HTML. Contohnya, menyusun sebagai React.createElement(obj.component).

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