React Router学习

最新推荐文章于 2022-08-21 21:29:25 发布

csdn_Damon

最新推荐文章于 2022-08-21 21:29:25 发布

阅读量147

点赞数

本文链接：https://blog.csdn.net/github_35041937/article/details/79530678

版权

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

打开链接显示出来文字了

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

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

可以写到最后一个例子

关注