React Router学习

2018.3.22更新

分割线之后的内容已经不适用了因为router 已经有了最新版本4.x

2.react-router 学习的教程是2.x版本的 在4.0以上直接用不了了。为了让你们不要重复我的坑，建议看官方文档

(不要从快速开始开始看，要按照顺序来做)

把之前学习到的基础语法 改造成一个一个的路由，点击了以后就显示出来内容。

2.1.如果遇到了react-router 无法传递props的问题,只需增加一个包装即可。

   <Route exact path="/Welcome" component={WelcomeWrapper} />

const WelcomeWrapper =() =>(
    <Welcome name="myWife"/>
);

——————————————

——————————————

(以下不用看了)
下载官方demo

cd 到项目01 中

npm install –save react-router

这是官方的教程路径

npm install
npm start

打开链接 显示出来文字了

然后按照顺序继续往后写就好了，注意一点 不要运行下一个，

直接用第一个例子，从第一个例子

可以写到最后一个例子