React-router：除非刷新，否则组件不会渲染

Question

我有一个简单的应用程序组件，其中包含指向用户索引和缓存索引的链接（用于地理缓存应用程序）。我的链接渲染得很好，当点击它们时，它们会更改地址栏中的路径，但在我刷新页面之前，DOM 中没有任何变化，此时页面看起来应该是这样。这里发生了什么，传统的处理方式是什么？我也在使用 Redux，如果这有什么不同的话。以下是我的 App 组件返回的所有 JSX：

  <div>
    <nav>
      <Link to="/caches">Caches</Link>
      <Link to="/users">Users</Link>
    </nav>
    <div>
      <Switch>
      <Route exact path="/" component={Home}/>
      <Route path="/users" render={() => <div><UserList users={this.props.users}/></div>}/>
      <Route path="/caches" component={CacheList}/>
      </Switch>
    </div>
  </div>

Answer 1

这是 react-router-4 的常见问题。

在 react-redux 中使用 {pure: false} connect 或使用 withRouter HOC。

React router 4 does not update view on link, but does on refresh