react之入门

react出于FackBook，是一个将js与css共写的里程碑，主要用于构建UI,很多人认为 React 是 MVC 中的 V（视图）,后来出现redux更多的是处理数据，所以也适合做逻辑复杂的管理系统，下面我们从项目创建，路由管理，和redux数据操作来简述

项目创建

npm install -g generator-react-webpack
yo react-webpak 项目名称
或者是
npm install create-react-app
create-react-app myapp

路由

版本一直从2.0升级到4.0，改动特别大，学习成本较高，遇到的坑比较多

1、npm install bower -g
2、bower install react-router --save   生成bower_components
3、<Router></Router>                   所有路由的存放容器，所有的子路由都放在该标签内部
4、<Link/>                             路由的跳转，也就是来去页面，相当于a标签
5、<Route path="/" component={Home}/>  子路由，写在<Router></Router>里面,相当于路由导航器
6、<indexRoute/>                       路由里默认显示的子路由，此路由没有path属性
7、<Redirect from="/user/page" to="/login"/> 路由重定向，重新指定跳转路由

路由三种跳转方式，通过H5新特性history API实现
 1、hashHistory           哈希跳转/#/home/page
 2、browserHistory        完全根据浏览器记录跳转 xxx.com/home/page
 3、createMeoryHistory    主要用于服务器渲染（基本不使用）

巴特西

react之入门

最新文章

热门文章