Bagaimana untuk Membuat Komponen Secara Dinamik mengikut Jenis dalam React?

Memajukan Komponen Secara Dinamik Mengikut Jenis

Masalah:

Membangunkan komponen dinamik berdasarkan jenisnya memberikan satu cabaran di mana hanya menggabungkan rentetan dengan "Komponen" menghasilkan sintaks yang salah. Mencipta kaedah baharu untuk setiap komponen untuk menyelesaikan isu ini menjadi intensif buruh.

Penyelesaian:

Menggunakan pendekatan moden yang dicadangkan oleh dokumentasi rasmi ReactJS:

const Component = React.createElement(type, props);

Penjelasan:

Daripada menggunakan kaedah penggabungan rentetan, yang menjangkakan teg HTML atau fungsi ReactClass, penyelesaian di atas menggunakan React.createElement secara langsung. Ia menerima dua parameter: jenis komponen sebagai rentetan atau fungsi dan objek pilihan dengan prop komponen. Pendekatan ini menghapuskan keperluan untuk penamaan berubah-ubah dengan huruf besar dan menyediakan penyelesaian yang lebih elegan.

Atas ialah kandungan terperinci Bagaimana untuk Membuat Komponen Secara Dinamik mengikut Jenis dalam React?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!