我是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)