react学习

学习了react一段时间，感觉会用，又似懂非懂，所以想写一点东西，让自己不懂的东西浮出水面；
react使用了jsx语法代替了正常的javascript；通常在{}中写js表达式；
react有两个重要的东西 props和state，prop用于定义外部接口，state用于记录内部状态
props通常是组件传递下来的，也就是父组件传给子组件，也就是数据的单向流动。store是一个全局的state的集合，每个class组件都可以定义state,用来储存需要的一些全局变量，当props和state发生变化，都会导致组件重新render，因为react的diff算法，并不会导致过分的效率丧失。（diff算法：每次render，react会比较节点是否发生改变，如果没有发生改变，则不会更新dom）；
现在用的比较多的react的api，有setstate，用于更新组件的state，其他的api现在基本没有用过；
react的生命周期：
componentWillMount(),组件未渲染前，会调用这个方法
componentDidMount,第一次渲染会调用这个方法
componentWillReceiveProps()当props和state修改后，都会调用这个方法；
componentWillUnmount在组件从 DOM 中移除的时候立刻被调用，一般用来销毁计时器或者echarts使用。
shouldComponentUpdate(nextProps,nextState)返回一个布尔值，用来告诉这个是否要更新，true为继续更新，false停止更新；
React 支持一种非常特殊的属性 Ref ，你可以用来绑定到 render() 输出的任何组件上。
这个特殊的属性允许你引用 render() 返回的相应的支撑实例（ backing instance ）。这样就可以确保在任何时间总是拿到正确的实例。