我刚刚将React应用程序更新为16.6。0并将脚本响应到2.0。3开始使用lazy时,我在官方文档上遵循一个示例时遇到了这个错误:
失败的道具类型:提供给路线
的对象
类型的无效道具组件
,应为功能
忽略它,一切似乎都在工作,除了控制台中的这个错误。
以下是我的一些代码:
// imports here
...
const Decks = lazy(() => import('./pages/Decks'));
...
class App extends Component {
...
render() {
return (
<ConnectedRouter history={history}>
<div>
<MenuAppBar />
<div style={{paddingTop: '4rem'}}>
<Suspense fallback={<LazyLoading />}>
<Switch>
<Route exact path="/" component={Home} />
<Route path="/decks" component={Decks} />
...
</Switch>
</Suspense>
</div>
<Footer />
</div>
</ConnectedRouter>
);
}
...}
我在这里做错了什么?
将“react router dom”更新为“^4.4.0-beta.6”cat修复。
这是一个错误:https://github.com/ReactTraining/react-router/issues/6420#issuecomment-435171740
使用延迟加载组件时,需要将其提供给路由组件,如
// imports here
...
const Decks = React.lazy(() => import('./pages/Decks'));
...
class App extends Component {
...
render() {
return (
<ConnectedRouter history={history}>
<div>
<MenuAppBar />
<div style={{paddingTop: '4rem'}}>
<Suspense fallback={<LazyLoading />}>
<Switch>
<Route exact path="/" component={Home} />
<Route path="/decks" render={(props) => <Decks {...props} />} />
...
</Switch>
</Suspense>
</div>
<Footer />
</div>
</ConnectedRouter>
);
}
...
}
可能是react路由器中的PropType签入不正确,可能在最新版本中已修复,以使其与react v16兼容。6.
当我在浏览器上运行我的应用程序时,我会进入控制台: “警告:失败的propType:为‘路由’提供的prop‘组件’无效” 我的路由文件: 我的PView文件: 有人能告诉我为什么会出现这个错误吗?
浏览器控制台始终提供以下警告消息: 检查道具ypes.js:20警告:失败的道具类型:无效的道具
警告:失败的prop类型:提供给PadView的prop无效。 嗨,我是新来的react native,红色消息一直显示,但一切看起来都很好,应用程序呈现正确,但红色消息一直显示在终端上,你们知道这不是什么意思吗,谢谢你们的帮助。
我得到警告,因为警告:失败的道具类型:组件:道具类型是无效的;它必须是一个函数,通常来自包,但收到了 我的代码是: 我的功能运行正常,但出现此控制台错误是否有人可以帮助我解决此警告?
这是什么错误??? 我得到了旧的工作代码,安装了新版本的libs,我看到了这个错误。但我不明白这是什么意思。 这是什么错误?我的代码怎么了?已安装路由器dom@^4.1。0:
我试图展示一个简单的例子。通过将图像路径作为道具发送到要渲染它的组件,来创建jpg图像。以下面的方式。 应用程序。js 图像显示。js 图像lider.js 我的文件夹结构是: 理想情况下,当我通过本地存储的图像路径时,图像应该被显示,但是我没有看到任何图像显示,而是一条警告消息,上面写着:“失败的道具类型:无效的道具‘源’提供给‘转发参考(图像)’”