React-router 4.0 history報錯

 

react-router 更新到了4.0，不少API已經不同了。history 被歸入了 react-router-dom 文件下的 HashRouter、BrowserRouter等。使用4.0版到react-router網站了解下新API，或者仍想按原來方式，能夠安裝舊版的react-router。

這兩天準備用react寫個新項目，自動拉取的 React-router 版本是4.1.1的版本；接下來用之前的寫法就各類出不來，網上查了一下相關答案不多以後就想是否是版本的問題，果真新版本跟之前的用法稍微有點不同的；

廢話不說了 2.8 左右的版本是 穩定的，4.1.1是最近的新版本了；

2.8左右的版本的使用能夠參照阮一峯的： 
http://www.ruanyifeng.com/blog/2016/05/react_router.html?utm_source=tool.lu 
React-router的官方地址： 
https://reacttraining.com/react-router/ 
https://reacttraining.cn/

好直接上個例子，本文用 react 官方腳手架 create-react-app 
前置條件能夠參照：http://blog.csdn.net/github_38095237/article/details/68491408 
裏邊有nodejs 與 npm 的相關配置

打開命令提示符輸入

npm install react-router 
npm install react-router-dom

import React from 'react' 
import {BrowserRouter as Router,Route,Link} from 'react-router-dom'//導入的方式跟以前有點變化

<Router> <div> <Link to="/">首頁</Link> <br/> <Link to="/two">第二頁</Link> <br/> <Link to="/Lists">一個列表</Link> <br/> <Route exact path="/" component={One}/> <Route path="/two" component={Two}/> <Route path="/Lists" component={List}/> </div> </Router>