这篇文章主要介绍React Router定义路由之后如何传值，有关React和React Router
1、props.params
使用React router定义路由时，我们可以给指定一个path，然后指定通配符可以携带参数到指定的path：
<Route path='/user/:name' component={UserPage}></Route>跳转UserPage页面时，可以这样写：
//link方法
<Link to="/user/sam">用户</Link>
//push方法
this.props.history.push("/user/sam");在UserPage页面中通过 this.props.params.name 获取值。
上面的方法可以传递一个或多个值，但是每个值的类型都是字符串，没法传递一个对象,如果要传的话可以将json对象转换为字符串，传递过去之后再将json字符串转换为对象。
let data = {id:3,name:sam,age:36};
data = JSON.stringify(data);
let path = '/user/${data}';
//在页面中获取值时
let data = JSON.parse(this.props.params.data);2、query
query方式可以传递任意类型的值，但是页面的URL也是由query的值拼接的，URL很长且是明文传输。
//定义路由
<Route path='/user' component={UserPage}></Route>
//数据定义
let data = {id:3,name:sam,age:36};
let path = {
pathname: '/user',
query: data,
}
//页面跳转
<Link to={path}>用户</Link>
this.props.history.push(path);
//页面取值
let data = this.props.location.query;
let {id,name,age} = data;3、state
state方式类似于post，依然可以传递任意类型的数据，而且可以不以明文方式传输。
//定义路由
<Route path='/user' component={UserPage}></Route>
//数据定义
let data = {id:3,name:sam,age:36};
let path = {
pathname: '/user',
state: data,
}
//页面跳转
<Link to={path}>用户</Link>
this.props.history.push(path);
//页面取值
let data = this.props.location.state;
let {id,name,age} = data;以上就是react router中页面传值的三种方法。
React事件处理函数必须使用bind(this)的原因
学习React的过程中发现调用函数的时候必须使用bind(this)，之后直接在class中声明函数即可正常使用，但是为什么呢，博主进行了一番查阅，总结如下。
React 新 Context API
React 新 Context API它更符合工程化, 不再是实验性的,现在它是一流的API! 并且它还使用了 RENDER PROP!你在react官网上听说过 context API?那么你为何要使用context?Context的重生
深入 React 高阶组件
本文面向想要探索 HOC 模式的进阶用户，如果你是 React 的初学者则应该从官方文档开始。高阶组件（Higher Order Components）是一种很棒的模式，已被很多 React 库证实是非常有价值的。
ReactJS Components: 基础指南
创建和管理React组件的各种方式，涌现的大量状态管理工具等等都是这些挑战的焦点。我们今天能做的就是在React（基于社区选择）中将最常用的做法引入桌面并讨论它们。
React事件绑定几种方法测试
es6写法的类方法默认没有绑定this，不手动绑定this值为undefined。因此讨论以下几种绑定方式。构造函数constructor中用bind绑定、在调用的时候使用bind绑定this、在调用的时候使用箭头函数绑定this、使用属性初始化器语法绑定this
react-router v4 按需加载的配置方法
在react项目开发中，当访问默认页面时会一次性请求所有的js资源，这会大大影响页面的加载速度和用户体验。所以添加按需加载功能是必要的，以下是配置按需加载的方法
react中的refs属性的使用方法
React 支持一种非常特殊的属性 Ref ，你可以用来绑定到 render() 输出的任何组件上。这个特殊的属性允许你引用 render() 返回的相应的支撑实例（ backing instance ）。这样就可以确保在任何时间总是拿到正确的实例
react 高阶组件的 理解和应用
react 高阶组件简单的理解是：一个包装了另一个基础组件的组件。高阶组件的两种形式：属性代理（Props Proxy）、反向继承 (Inheritance Inversion)
React + Webpack 构建打包优化
React 相关的优化:使用 babel-react-optimize 对 React 代码进行优化,检查没有使用的库，去除 import 引用,按需打包所用的类库，比如 lodash 、echarts 等.Webpack 构建打包存在的问题两个方面：构建速度慢,打包后的文件体积过大
react生命周期详解_深入理解React生命周期
React主要思想是通过构建可复用组件来构建用户界面,每个组件都有自己的生命周期，它规定了组件的状态和方法需要在哪个阶段改变和执行。所谓组件就是有限状态机,，表示有限个状态以及在这些状态之间的转移和动作行为的模型。