Redux和React

标签：执行   render   其他   struct   变化   更新   extends   参数   should   

export app class Compo1 extends Component{

}

Compo1.propType = {
a:PropTypes.string，
fn:PropTypes.func.isRequired
}
限制父类组件输入参数的属性
isRequired 必输

生命周期

组件从诞生到消亡，程序提供了各个阶段：
1.上树阶段 Mounting,按顺序调用下列方法：
1)constructor ()构造器
2)componentWillMount() 正在上树
3)render () 显示
4)componentDidMount()这个阶段DOM已经上树，可以对DOM做一些事情

上述四个阶段没有设置参数

2.更新阶段 Updating
props和state的改变 在这个阶段
1)componentWillReceriveProps(nextProps)
当父类传递prop时改变时发生
这个函数里同时可以获取老的和新的参数
新老交替时发生这个函数
2)shouldComponentUpdate(nextProps，nextState)
用于确认是否继续执行Updating的其他生命周期的函数
不光父类改变，其本身改变时也能改变
return ture 时，才能继续执行下去
这个函数可以获取新的prop和state，
也能获取到老的参数
3)componentWillUpdate（nextProps，nextState）
更新之前做的事情，此时视图没有变化，state和props都没有变化
4)render()
5 )componentDidUpdate（prevProps,prevState）
更新之后做的事情，参数里是老的参数
任何生命周期都能拿到老的和新的参数 只是放置的位置不一样

3.下数阶段Unmounting
componentWillUnmount()
将要下树

Redux重要说明:
1）state reducer store 只有允许一组
2） actionCreator 返回action的函数

Redux和React

标签：执行   render   其他   struct   变化   更新   extends   参数   should   

原文地址：https://www.cnblogs.com/zhubinjie/p/9580554.html