Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 警告:失败的道具类型:为'Route'提供的'object'类型的无效道具'component',应为'function'`_Reactjs_React Router V4 - Fatal编程技术网

Reactjs 警告:失败的道具类型:为'Route'提供的'object'类型的无效道具'component',应为'function'`

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}

这是什么错误

我得到了旧的工作代码,安装了新版本的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} 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
试试这个