Link跳转的问题

Question

"react-router-dom": "^4.2.2"

具体的代码如下：

//父组件代码

import { Router, Route } from 'react-router-dom'

<Router history={customHistory}>

    <App>

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

        <Route path="/city" component={City}/>

        <Route component={NotFound}/>

    </App>

</Router>

//Home子组件代码

<Link to="/city"></Link>

在子组件中点击Link, 浏览器上方的url会改变, 但是页面内容不会更新，若手动刷新页面，内容才会跟更新

搜到说去掉 App 就可以正常。原因是？若是不去掉需要怎么处理

Answer 1

双越 2018-01-25 09:44:05

你 react-router 用的是 4.x 版本，因此代码得做相应的修改，你可以参考视频最后，有升级到 4.x 版本的补充视频。关键代码给你截图看一下。

• 提问者 ostrichl #1

  我试了该成了hashHistory，点击Link后，路由变成了这样http://localhost:9081/#/city，页面还是没跳转。我查到hash和browser的区别是静态和动态路由，想问下这么修改的原因是什么？不是很理解

• 双越 回复 提问者 ostrichl #2

  “页面还是没跳转”，你先把这个问题搞定，再说修改的原因。