小编Mus*_*ika的帖子

React Router v4:组件和子代处于同一路径

我是React的初学者,并且已经升级了基础项目以响应Router v4。该应用程序似乎运行正常,但是我始终收到以下警告:

警告:您不应在同一路径中使用<Route component>和<Route children>;<路由子代>将被忽略

这是我的应用程序(为了便于阅读,省略了一些导入):

index.js

ReactDOM.render(
    <Provider store={createStoreWithMiddleware(reducers)}>
        <BrowserRouter>{routes}</BrowserRouter>
    </Provider>
    , document.getElementById('root')
);
Run Code Online (Sandbox Code Playgroud)

route.js:

import {
  BrowserRouter as Router,
  Route,
  Switch,
  Link
} from 'react-router-dom';


export default (
    <Main>
      <Route path="/topics/create" component={CreateTopicView}> </Route>
      <Route path="/topics/search" component={SearchTopicsView}> </Route>
      <Route path="/topics/manage" component={ManageTopicsView}> </Route>
      <Route path="/moderation/pre" component={ModerationPreView}> </Route>
      <Route path="/moderation/post" component={ModerationPostView}></Route>
      <Route path="/dashboard" component={DashboardView}> </Route>
      <Route exact={true} path="/" component={DashboardView}> </Route>
    </Main>
);
Run Code Online (Sandbox Code Playgroud)

main.js:

import PropTypes from 'prop-types'
import { withRouter } from 'react-router'


class Main extends React.Component {
    static propTypes = …
Run Code Online (Sandbox Code Playgroud)

reactjs react-router

2
推荐指数
1
解决办法
2817
查看次数

标签 统计

react-router ×1

reactjs ×1