reactjs - React Router V4 的更改

Question

我在使用 React Router V4 时遇到问题。我有以下代码

<Provider store={store}>
    <ConnectedRouter history={history}>
      <Route path='/overview/day/:date' component={OverviewDetail}></Route>
      <Route path='/overview/day' component={Overview}></Route>
    </ConnectedRouter>
</Provider>

每当我进入页面 /overview/day 时，它都会很好地呈现概述组件。但是，当我进入“overview/day/2015-06-01”时，它会呈现这两个组件。我有什么遗漏的吗？

Answer 1

你的例子应该是这样的

import { Switch } from 'react-router-dom'

<Provider store={store}>
  <ConnectedRouter history={history}>
    <Switch>
      <Route exact path='/overview/day' component={Overview} />
      <Route path='/overview/day/:date' component={OverviewDetail} />
    </Switch>
  </ConnectedRouter>
</Provider>