react-router 不用 Link 怎么跳转路由？

Question

一般用链接

<Link to="/home ">home</Link>

然后

<Route path="/home" component={Home}/>

点击来跳转。

但我用 <Link/> 包着 UI 组件的话显示会有问题，然后我在我的 UI 组件上的 onChange 方法中用 history.pushState() 发现只是改变了地址栏，但 react-router 的

<Route path="/home" component={Home}/>

并不会起作用，想问下大家，怎么才能不用 <Link/> 让上面的代码起作用？只能模拟点击吗？

Answer 1

history.pushState() 不起作用的原因是这个js语法只改变地址栏和向浏览器存入一个路由记录，你需要自己监听onhashchange事件的变化去做处理。对于你的问题可以考虑一哈去解决UI显示问题，比如调整样式什么的