React-router:组件不会渲染,除非刷新

问题描述:

我有一个简单的应用程序组件,包含链接到用户索引和缓存索引(对于地理定位应用程序)。我的链接渲染效果很好,单击时它们会更改地址栏中的路径,但在刷新页面之前DOM中没有任何更改,此时页面看起来应该是这样。这里发生了什么,以及处理它的传统方式是什么?我也使用Redux,如果这有什么区别的话。以下是全部由我的应用程序组件返回的JSX的:React-router:组件不会渲染,除非刷新

<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> 
+0

你可以发布整个App组件吗?它是'连接(...)'编辑? – QoP

及其与反应路由器-4的共同课题。

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

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