Bagaimanakah Saya Boleh Menamakan Komponen Reaksi Secara Dinamik dalam JSX?

Menamakan Komponen Reaksi Secara Dinamik dalam JSX

Dalam pembangunan React, ia boleh memberi manfaat untuk membuat komponen secara dinamik berdasarkan jenisnya. Walau bagaimanapun, percubaan untuk menggunakan sintaks tatasusunan atau mencipta kaedah baharu untuk setiap komponen boleh mengakibatkan ralat atau kod verbose.

Penyelesaian Elegan

Penyelesaian yang lebih elegan ialah menyimpan kelas komponen dalam pembolehubah dengan huruf besar pertama. Ini mengikut konvensyen teg HTML vs Komponen React. Contohnya:

var MyComponent = Components[type + "Component"];
return <MyComponent />;

Ini dikompilasi kepada:

var MyComponent = Components[type + "Component"];
return React.createElement(MyComponent, {});

Sebagai alternatif, anda boleh menggunakan pendekatan yang disyorkan dokumentasi rasmi, iaitu untuk menentukan jenis komponen pada masa jalan:

return React.createElement(type, { /* props */ });

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menamakan Komponen Reaksi Secara Dinamik dalam JSX?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!