Link跳转的问题

来源:2-3 jsx 事件循环和判断

ostrichl

2018-01-24

"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 就可以正常。原因是?若是不去掉需要怎么处理


写回答

1回答

双越

2018-01-25

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

5a69365c0001815005000352.jpg

5a69365c00017ce105000396.jpg


0
2
双越
回复
ostrichl
“页面还是没跳转”,你先把这个问题搞定,再说修改的原因。
2018-01-29
共2条回复

React高级实战 打造大众点评Web App

已经对React Router4与Webpack2进行了项目升级

1711 学习 · 707 问题

查看课程