在react-router v4中嵌套路由

Question

我已经在应用程序中将React Router升级到了版本4。但是现在我得到了错误

Warning: You should not use <Route component> and <Route children> in the same route; <Route children> will be ignored

此路由有什么问题？

import {

    Switch,

    BrowserRouter as Router,

    Route, IndexRoute, Redirect,

    browserHistory

} from 'react-router-dom'   

render((

    <Router history={ browserHistory }>

        <Switch>

            <Route path='/' component={ Main }>

                <IndexRoute component={ Search } />

                <Route path='cars/:id' component={ Cars } />

                <Route path='vegetables/:id' component={ Vegetables } />

            </Route>

            <Redirect from='*' to='/' />

        </Switch>

    </Router>

), document.getElementById('main'))

Answer 1

嵌套路由在版本react-router 4.x中不可用。这是一个直接来自react-router 文档的基本示例 ，说明如何在v4.x中嵌套secnarios。