错误：元素类型无效：需要字符串(用于内置组件)或类/函数 - 其他答案对我没有帮助

Question

我是个白痴，搞不懂这个。我在SOF上搜索了很多次这个问题，但我似乎无法解决这个问题，所以我直接问自己。我搞不清楚出了什么问题。

这是我的Index.js

import React from 'react'
import ReactDOM from 'react-dom'
import './index.css'
import App from './App.js'
ReactDOM.render(
<App />,
document.getElementById('root')
);

还有我的App.js

import React from 'react'
import ReactDOM from 'react-dom'
import Navbar from "./Navbar.js"
import HoldBar from "./Holdbar.js"
import ChoiceBar from "./ChoiceBar.js"
import Footer from "./Footer.js"
function App() {
return (
<div class="App">
<Navbar />
<HoldBar />
<ChoiceBar />
<Footer />
</div>
)
}
export default App;

Answer 1

不可能直接告诉您问题在哪里，但我可以解释在哪里查找。当您试图在JSX中使用不是有效组件的东西时，就会出现上面的错误。

例如

var X = 42;
<X />; // this would create the same error

所以这就是我要做的：

首先制作一个使用componentDidCatch的组件，然后开始包装自定义组件，以找到试图渲染无效React组件的位置。