React Router学习

最新推荐文章于 2025-05-01 07:44:49 发布

原创最新推荐文章于 2025-05-01 07:44:49 发布 · 178 阅读

CC 4.0 BY-SA版权

本文档提供从 React Router 2.x 版本迁移到 4.x 的指导，包括更新后的基础语法改造方法及如何正确使用新版本特性避免常见问题。

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

打开链接显示出来文字了

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

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

可以写到最后一个例子