[英]Error: Functions are not valid as a React child. Unsure of where error is
This is one of the two errors that I have encountered on the same application from my previous question.这是我在上一个问题的同一个应用程序中遇到的两个错误之一。 Here is the first error:
这是第一个错误:
Warning: Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe you meant to call this function rather than return it.
Routes@http://localhost:3000/React-Portfolio/static/js/bundle.js:40930:7
div
div
Header@http://localhost:3000/React-Portfolio/static/js/bundle.js:581:1
Router@http://localhost:3000/React-Portfolio/static/js/bundle.js:40867:7
BrowserRouter@http://localhost:3000/React-Portfolio/static/js/bundle.js:40344:7
div
App
I am not sure how to debug this entirely so not really sure where it is saying the error exists... Here is the repository: https://github.com/kstaver/React-Portfolio我不确定如何完全调试它,所以不确定它在哪里说错误存在......这是存储库: https://github.com/kstaver/React-Portfolio
With react-router v6, you must pass an element as the value of element
attribue on Route
component, but you are sendeing component as element.使用 react-router v6,您必须将元素作为
Route
组件上的element
属性的值传递,但您将组件作为元素发送。 To solve the problem you need to change <Route path="/about" element={About} />
to <Route path="/about" element={<About />} />
in all your routes.要解决此问题,您需要在所有路线中将
<Route path="/about" element={About} />
更改为<Route path="/about" element={<About />} />
。 Actually your routes must be configured like this:实际上,您的路线必须像这样配置:
<Routes>
<Route exact path="/" element={<Navigate to="/about" replace/>} />
<Route path="/about" element={<About />} />
<Route path="/portfolio" element={<Portfolio />} />
<Route path="/contact" element={<Contact />} />
<Route path="/resume" element={<Resume />} />
</Routes>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.