老师你好，在开发移动端详情页面时候遇到个奇怪问题

Question

点击新闻列表任意一条，地址栏显示地址正常：http://localhost:8080/details/161028201113900，但是页面并未跳转，按改地址重新刷新页面，会进入详情页，网页端不存在此问题。

Answer 1

Parry 2017-07-14 20:27:07

如果你使用了最新版本的 react router ，请看第二十章节。

此慕课网 React 课程学习遇到的常见问题以及没有审核通过的补充视频（如打包后的文件压缩、单独的 webpack 2 视频教程等）

我整理成了一个大的 QA 文档，可以直接参考我博客的整理。

基本包含了所有 React 初学时遇到的各种问题的解决方案。

我的博文地址：http://blog.parryqiu.com/2017/03/09/react-q-and-a/

目前文章主要包含了以下问题的解决方案：

一些课程资源，如源代码、思维导图、后台 API 源代码等；

关于 Webpack      2.0 详细使用的 20 集免费补充视频；

webpack-dev-server 不能自动刷新的问题；

使用 Webpack 2 搭建的 React 浏览器自动刷新的项目模板，多次测试可用；

React Developer Tool 的问题；

缺少 react-html-attrs 插件；

babel-loader 没加载的错误；

fetch 的使用；

占用端口 8080 的问题；

错误 The root route must render a single      element 的处理；

如何在chrome console 中打开 paint flashing；

父组件通过 refs 获取子组件真实 DOM 节点的问题；

跳转 Route 的问题；

将 AntDesign 中的 getFieldProps 替换成 getFieldDecorator 的处理；

错误 Target container is not a DOM element      的原因及解决方案；

慕课没有发布的更新课程；

React Router 4.0 中 location undefined 的问题；

AntDesign 官方文档中的函数语法错误的解决方案；

解决课程中 React Router 版本的差异问题；

课程中 API 的地址。

Answer 2

shibo1817 2018-01-10 16:06:54

出现同样问题，请问解决了吗？

Answer 3

qq_Wonderful_8 2017-12-16 17:52:02

你好，我也是出现了相同的问题，但是并没有在20章找到解决方法，请问一下 你是如何解决的

• shibo1817 #1

  问题解决了，保证最外层有个router包住就行，多层router嵌套就会出现这个问题...

• Mr_wuying 回复 shibo1817 #2

  <MediaQuery query='(min-device-width: 1224px)'>
  					<Router>
              <Switch>
    						<Route exact path="/" component={PCIndex}></Route>
    						<Route path="/details/:uniquekey" component={PCNewsDetails}></Route>
              </Switch>
            </Router>
  				</MediaQuery>
  				<MediaQuery query='(max-device-width: 1224px)'>
            <Router>
              <Switch>
                <Route path="/" component={MobileIndex}></Route>
  							<Route path="/details/:uniquekey" component={MobileNewsDetails}></Route>
              </Switch>
            </Router>
  				</MediaQuery>
  pc端没问题，但是移动端依旧出现你这个情况，没找到问题，怎么解决？

• a大师兄100 回复 shibo1817 #3

  不是那个问题

点开查看后面1条评论