React ~ 小结

React 小结

state 与 props

　　react 里，只需更新组件的state，然后根据新的state重新渲染用户界面，不需要操作dom。
　　添加类的构造函数来初始化状态this.state，类组件应始终使用Props调用基础构造函数。

　　state 和 props 主要区别在于 props 是不变的，而 state 可以根据用户交互来改变。

与运算符 &&

可以通过花括号包裹代码在JSX中潜入任何表达式，也包括 JavaScript 的逻辑与 &&， 它可以方便的条件渲染一个元素。

• 　　需要在数组的上下文中指定元素key，不然会出现警告；

生命周期

• componentWillMount 渲染前调用
• componentDidMount 第一次渲染后调用
• componentWillReceiveProps 罪案接收一个新的prop时调用，这个方法在初始化render时不会被调用
• shouldComponentUpdate 在组件接收新的props或state时调用，在初始化时或使用farceUpdate时不被调用。
• componentWillUpdate 在组件接收到新的props或state但还没有render时被调用，在初始化时不被调用。
• componentDidUpdate 在组件完成更新后立即调用，初始化时不被调用
• componentWillUnmount 组件从DOM中移除之前立即被调用

Refs

　　react支持一个非常特殊的属性Ref，可以用来绑定render()输出的任何组件上。