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>
答
及其与反应路由器-4的共同课题。
使用{pure: false}
in react-redux connect
或使用withRouter
HOC。
React router 4 does not update view on link, but does on refresh
你可以发布整个App组件吗?它是'连接(...)'编辑? – QoP