Question

我有一个简单的App组件，其中包含指向用户索引和缓存索引的链接（用于地理缓存应用程序）。我的链接渲染得很好，点击后它们会更改地址栏中的路径，但在刷新页面之前，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

React-router：除非刷新，否则组件不会呈现

1 个答案: