react笔记

函数式组件状态

生命周期有哪些

constructor(props) :
在组建初始化的时候被调用 在这里你可以设置初始化状态以及绑定类方法
componentWillMount():
在 render()以前被调用 可以用来设置组件内部状态 塔不会触发组件的再次渲染 一般来说还是推荐 constructor中去初始化
render():
这个方法必须有 他返回作为组件输出的元素 这个方法应该是纯函数 因此不该在这个方法中修改组件状态 他把属性和状态作为输入并返回（需要渲染的）元素
componentDidMount():
他仅在组件挂在后执行一次 发起异步请求api获取数据的绝佳时机
componentWillReceieProps(nextProps):
这个方法在一个更新生命周期中被调用 新的属性作为他的输入 可以利用this.props来对比之后的属性和之前的属性 基于对比结果去实现不同的行为 此外你可以基于新的属性来设置组价呢状态
shouldCimponentUpdate(nextProps,nextState):
每次组件因为状态或者属性更改而更新时 他都会被调用
你将在成熟的react应用中使用它来进行性能优化
componentWillUpdate(nextProps,nextState):
是render执行之前的最后一个方法 你已经拥有了下一个属性和状态 他们可以在这个方法中任你处置 可以做渲染前的最后准备
在这个方法中 你不能在触发setState（）
componentDidUpdate（prevProps,prevState）:
该方法在render（）之后立即调用 你可以当成操作DOM或者执行更多异步请求的机会
componentWillUnmount（）：
他会在组件销毁之前被调用 可以利用这个生命周期方法去执行任何清理任务
**componentDidCatch（error，info） **
原来捕获组建的错误

按照执行顺序排列

constructor()
一个组件的生命周期中只执行一次
componentWillMount()
render() 最开始得时候执行一次 每次组件更新都会执行
componentDidMount()

组件状态或属性发生改变的时候的生命周期

componentWillReceiveProps()
shouldComponentUpdate()
componentWillUpdate()
render()
componentDidUpdate()

组件卸载

componentWillUnmount()

函数式无状态组件是没有生命周期方法的

通常无状态的组件和es6 类组件汇总可以使用ref属性