# React
# 1.React的生命周期函数
- componentDidMount(),在组件挂载后自动调用
- componentWillUnmount(),在组件卸载前自动调用
- componentDidUpdate(), UI 每次更新后调用(即组件挂载成功以后,每次调用 render 方法,都会触发这个方法)。
三个不常用的:
shouldComponentUpdate(nextProps, nextState)
:每当this.props
或this.state
有变化,在render
方法执行之前,就会调用这个方法。该方法返回一个布尔值,表示是否应该继续执行render
方法,即如果返回false
,UI 就不会更新,默认返回true
。组件挂载时,render
方法的第一次执行,不会调用这个方法。static getDerivedStateFromProps(props, state)
:该方法在render
方法执行之前调用,包括组件的第一次记载。它应该返回一个新的 state 对象,通常用在组件状态依赖外部输入的参数的情况。getSnapshotBeforeUpdate()
:该方法在每次 DOM 更新之前调用,用来收集 DOM 信息。它返回的值,将作为参数传入componentDidUpdate()
方法。
# 2.纯函数
纯函数是函数的返回值仅仅由其输入决定,没有可见的副作用。