Ralat Reaksi: Jenis Elemen Tidak Sah: Mengapakah Saya Mendapat \'objek\' Daripada Komponen?

Ralat Reaksi: Jenis Elemen Tidak Sah

Apabila menggunakan React, anda mungkin menghadapi ralat berikut:

Uncaught Error: Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function but got: object.

Sebab

Ralat ini berlaku apabila React menjangkakan rentetan atau kelas/fungsi untuk mewakili elemen, tetapi menerima objek sebaliknya.

Penyelesaian

Dalam contoh kod yang diberikan, ralat mungkin disebabkan oleh pernyataan import untuk komponen Laman Utama dalam komponen Apl. Kod cuba mengimport komponen sebagai objek, manakala ia harus diimport sebagai eksport lalai.

Untuk menyelesaikan isu, tukar penyataan import dalam komponen Apl kepada:

var About = require('./components/Home').default;

Penyelesaian Alternatif

Satu lagi penyelesaian berpotensi, seperti yang dinyatakan dalam jawapan, adalah untuk memastikan bahawa pernyataan import untuk komponen mematuhi sintaks yang betul. Contohnya, dengan Webpack, sintaks berikut berfungsi dengan betul:

import MyComponent from '../components/xyz.js';

Walau bagaimanapun, menggunakan sintaks berikut boleh mengakibatkan ralat:

import {MyComponent} from '../components/xyz.js';

Atas ialah kandungan terperinci Ralat Reaksi: Jenis Elemen Tidak Sah: Mengapakah Saya Mendapat \'objek\' Daripada Komponen?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!