加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Redux和React

发布时间:2020-12-15 20:24:01 所属栏目:百科 来源:网络整理
导读:export app class Compo1 extends Component{ } Compo1.propType = { a:PropTypes.string, fn:PropTypes.func.isRequired } 限制父类组件输入参数的属性 isRequired 必输 生命周期 组件从诞生到消亡,程序提供了各个阶段: 1.上树阶段 Mounting,按顺序调用

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的函数

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读