getInitialState组件在被浏览器调用之前加载,用作初始化(组件内部数据)
setState 来修改组件默认初始化的state值
getInitialState 组件初始化默认设置值得方法
componentDidMount加载时机:
浏览器加载组件后
render执行前
页面数据更新
getInitialState 初始化 最先运行;
componentDidMount 在初始化和render之间运行;
setState可以设置State
State是原生的和props类似
getInitialState函数是在组件被加载之前调用,初始化组件所有内部数据的最佳时机。
componentDidMout函数在组件被浏览器加载之后,render函数还未调用之前调用。
setState接口是由组件本身实现的,用来修改组件本身的state对象。
react中调用setState方法会自动触发组件中render方法调用,如果组件中有子组件,也会触发子组件中render方法调用。这种链式反应来促使页面全部更新。
es6中需要在构造函数中调用this.timerTick = this.timerTick.bind(this);
componentDidMount实在初始化之后被渲染之前调用的函数
getInitialState是组件初始化的时机
react中 调用setState方法会自动触发render方法调用 促使页面更新
this.setState 相当于vue的 this.$set()
类似vue的钩子函数:
getInitialState
componentDidMount
setState :与state 融合若没有的属性会添加,如重复则会替换掉
有关 react 状态机制的原生接口:getInnitialState 组件加载之前调用,初始化组件所有内部数据的最佳时机;componentDidMount 组件加载之后 render 执行之前被调用,此时是原生接口 setinerval 设置定时器最佳时机; setState 由组件本身自己实现的用来修改组件本身的 state 对象的
this.setState() --> render函数