反應錯誤：無效的元素類型：為什麼我得到的是「物件」而不是元件？

React 錯誤：無效的元素類型

使用React 時，可能會遇到以下錯誤：

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

原因

當React期望一個字串或一個類別/函數來表示一個元素，但收到一個物件時，就會發生此錯誤

解決方案

在給定的程式碼範例中，該錯誤可能是由App 元件中Home 元件的import 語句所造成的。程式碼嘗試將元件作為物件匯入，而它應該會作為預設匯出匯入。

要解決此問題，請將App 元件中的導入語句更改為：

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

替代解決方案

另一個潛在的解決方案，如答案中所提到的，是確保元件的導入語句遵循正確的語法。例如，使用 Webpack，以下語法可以正常運作：

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

但是，使用下列語法可能會導致錯誤：

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

以上是反應錯誤：無效的元素類型：為什麼我得到的是「物件」而不是元件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！