学习React时遇到的问题

react router 路由跳转出现Cannot GET 错误
问题原因是在react-router4.0 hashHistory已经停用,而且新版的路由操作使用react-router-dom,将原有 Router 替换为 HashRouter 即可解决问题。

import { HashRouter, Route } from 'react-router-dom'
      <HashRouter>
        <div>
          <Route exact path="/" component={Index}/>
          <Route path="/list" component={List}/>
        </div>
      </HashRouter>

这样处理以后,URL 地址中都会有一个 # 号来表示这是本地地址,如此便不会对服务器产生请求

react.png

Route必须由一个div元素包起来

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容