在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。