我得到这个错误:
未捕获错误:不变冲突:元素类型无效:需要字符串(对于内置组件)或类/函数(对于复合组件),但得到:对象检查PageWrapper
的呈现方法。
这是我的应用程序。js
import React from 'react';
import PageWrapper from "./components/PageWrapper";
import Home from "./components/Pages/Home.js";
import {BrowserRouter as Router,Route,Link} from 'react-router-dom';
function App() {
return (
<div>
<Router>
<PageWrapper>
<Route path="/"
component={Home}
></Route>
</PageWrapper>
</Router>
</div>
);
}
export default App;
这是我的页面包装:
import React from 'react';
import Link from 'react';
class PageWrapper extends React.Component{
render(){
return(
<div>
<nav className="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
<div className="container">
<Link className="navbar-brand js-scroll-trigger" to="/"><img src="assets/img/navbar-logo.svg" alt="" /></Link>
<button className="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i className="fas fa-bars ml-1"></i>
</button>
<div className="collapse navbar-collapse" id="navbarResponsive">
<ul className="navbar-nav text-uppercase ml-auto">
<li className="nav-item"><Link className="nav-link js-scroll-trigger" to="/services">Services</Link></li>
<li className="nav-item"><Link className="nav-link js-scroll-trigger" to="/portfolio">Portfolio</Link></li>
<li className="nav-item"><Link className="nav-link js-scroll-trigger" to="/about">About</Link></li>
<li className="nav-item"><Link className="nav-link js-scroll-trigger" to="/team">Team</Link></li>
<li className="nav-item"><Link className="nav-link js-scroll-trigger" to="/contact">Contact</Link></li>
</ul>
</div>
</div>
</nav>
{this.props.children}
</div>
);
}
}
export default PageWrapper;
请帮忙!
你的问题是
import Link from 'react';
在PageWrapper
组件中
它应该是一个命名的导入,它应该来自react-router-dom
而不是React
所以把它改成
import {Link} from 'react-router-dom';
它会工作得很好。
我正在做一些关于React的教程。js和我对这是相当陌生的。我在仪表板上有这个代码。js 有问题的代码行如下:- 如果我设置newChatFormbVisible:false,我不会得到错误,但是将其设置为true会失败,并出现以下错误:- 指数js:1375警告:反应。createElement:type无效--应为字符串(对于内置组件)或类/函数(对于复合组件),但应为Get:object。您
Reactjs上下文提供程序错误 我得到以下错误 不变的js:42未捕获错误:元素类型无效:需要字符串(对于内置组件)或类/函数(对于复合组件),但得到:对象。 这里是我的 这里是: 这是在反应16.3.2。有许多情况下,错误是由于默认与命名的出口,这似乎不是: 未捕获错误:不变冲突:元素类型无效:应为字符串(用于内置组件)或类/函数,但得到:object
问题内容: 预期 我应该能够导出我的App组件文件并将其导入到index.js中。 结果 我收到以下错误 React.createElement:类型无效-预期为字符串(对于内置组件)或类/函数(对于复合组件),但得到了:对象 我的index.js 然后在我的components / App.js中 如果我取消注释,它将起作用,但是我正在尝试使用导出语法。让我发疯的是在另一个项目中,我在这里做的完
我试图运行ReactRails应用程序,并试图运行一个非常简单的反应选择组件。但是,在同一个文件中,如果我只打印一个简单的元素,它可以工作,但是
问题内容: 我收到此错误: 未捕获的错误:始终违反:元素类型无效:预期为字符串(对于内置组件)或类/函数(对于复合组件),但得到了:对象。 这是我的代码: 我的档案: 问题答案: 就我而言( 使用Webpack )是以下两者之间的区别: 与 第二个起作用,而第一个引起错误。或相反。
我有一个父组件app.js 还有一个子组件,名为scholarships.js 它正在抛出错误警告:React.createElement:type无效--应为字符串(对于内置组件)或类/函数(对于复合组件),但Get:undefined。您可能忘记了从定义组件的文件中导出组件。检查的渲染方法。bundle.js:357:9和Error:A可能只有一个子元素,我刚从react开始,所以这可能是一个