getDerivedStateFromProps()
- 静态方法
- render办法被调用前调用,用于初始挂在和子组件更新
- 返回一个对象用于更新state,或者null表时什么都不更新
- 无权拜访组件实例
- Use cases: state 的值在任何时候都取决于 props
render()
- Class 组件中惟一必须实现的办法
- Render查看
this.props
和this.state
的变动并返回:React元素,数组或者Fragment, Portals,字符串,数值,布尔值或者null。 - 为纯函数,不与浏览器交互,state不变状况下,返回的值相等。
- shouldComponentUpdate()返回false时,render()不会被调用。
shouldComponentUpdate()
- 判断 React 组件的输入是否受以后 state 或 props 更改的影响。
- 默认行为是 state 每次发生变化组件都会从新渲染。大部分状况下,你应该遵循默认行为。
- 会在渲染执行之前被调用
- 仅作为性能优化而存在。不要希图依附此办法来“阻止”渲染
- 能够将
this.props
与nextProps
以及this.state
与nextState
进行比拟,并返回false
以告知 React 能够跳过更新