Reactjs 警告:失败的道具类型:为'Route'提供的'object'类型的无效道具'component',应为'function'`
这是什么错误 我得到了旧的工作代码,安装了新版本的libs,我看到了这个错误。但我不明白这是什么意思Reactjs 警告:失败的道具类型:为'Route'提供的'object'类型的无效道具'component',应为'function'`,reactjs,react-router-v4,Reactjs,React Router V4,这是什么错误 我得到了旧的工作代码,安装了新版本的libs,我看到了这个错误。但我不明白这是什么意思 //index.js import React from 'react' import {render} from 'react-dom' import { BrowserRouter as Router } from 'react-router-dom' import {Provider} from 'react-redux' import configureStore, {history}
//index.js
import React from 'react'
import {render} from 'react-dom'
import { BrowserRouter as Router } from 'react-router-dom'
import {Provider} from 'react-redux'
import configureStore, {history} from './store/configureStore'
import {routes} from './routes'
import { ConnectedRouter, routerMiddleware, push } from 'react-router-redux'
const store = configureStore();
render(
<Provider store={store}>
<Router history={history} routes={routes}/>
</Provider>,
document.getElementById('app')
);
//routes.js
import React from 'react'
import {Route} from 'react-router-dom'
import App from './containers/App'
export const routes = (
<div>
<Route path='/' component={App} />
</div>
);
//App.js
import React, {Component} from 'react'
import NavLink from '../../components/NavLink'
export default class App extends Component {
render() {
return (
<div className='container'>
<ul className='nav nav-pills'>
<li>
<NavLink onlyActiveOnIndex={true} to='/'>Главная</NavLink>
</li>
</ul>
{this.props.children}
</div>
)
}
}
//index.js
从“React”导入React
从'react dom'导入{render}
从“react Router dom”导入{BrowserRouter as Router}
从“react redux”导入{Provider}
从“./store/configureStore”导入configureStore,{history}
从“/routes”导入{routes}
从“react router redux”导入{ConnectedRouter,routerMiddleware,push}
const store=configureStore();
渲染(
,
document.getElementById('app')
);
//routes.js
从“React”导入React
从“react router dom”导入{Route}
从“./containers/App”导入应用程序
导出常量路由=(
);
//App.js
从“React”导入React,{Component}
从“../../components/NavLink”导入NavLink
导出默认类应用程序扩展组件{
render(){
返回(
-
Главная
{this.props.children}
)
}
}
这是什么错误?我的代码怎么了?
已安装的react router dom@^4.1.0:只需强制将其作为道具期望的函数即可消除控制台错误,即使这不是理想的解决方案
<Route path='/' component={props => <App {...props} />} />
获取相同的错误。找到任何答案吗?@vahdet,是从“/containers/App”导入应用程序/index
试试这个