前端React必会的8道面试题（绝对的干货）1. React的组件常见的声明方式？函数组件简单来说就是函数，返回的内

1. React的组件常见的声明方式？

简单来说就是函数，返回的内容是组件内的函数

function Welcome(props) { 
    return <h1>Hello, {props.name}</h1>; 
}

render的返回值得到需要的渲染内容

class Welcome extends React.Component { 
    render() { 
        return <h1>Hello, {this.props.name}</h1>; 
    } 
}

constructor
getDerivedStateFromProps
- 静态函数，当做一个纯函数
- 传入 props 和 State
componentWillMount
- 如果我们的组件有了 getDerivedStateFromProps，则不会执行
- 当一些接口需要预请求时用到
render
componentDidMount

componentWillReceiveProps
- props 发生变化时，这里会自行
- 如果我们组件有了getDerivedStateFromProps，则不会执行
getDerivedStateFromProps
shouldComponentUpdate
- 相当于一个拦截器，返回是一个 bool 决定是不是要更新
componentWillUpdate
render
getSnapShotBeforeUpdate(prevProps, preState)

Fiber 是 react 16 引入的一个数据结构。为了替换之前的 stack reconciler, 解决渲染过程不能被中断的问题。
主要做了以下优化：
- 将递归改为练链表结构，之前版本用的递归更新方式不被中断，可能会导致页面卡顿。每个 fiber 节点保存了父子、兄弟节点的引用，可以在更新的过程中中断、恢复任务。
- 支持任务优先级，每个更新任务分批了优先级，优先级高的可以中断优先级低的，比如输入框的响应可以优先处理，提高用户的交互体验。
- 支持异步渲染，允许将渲染任务分批为多个小块，在浏览器空闲时执行，可以避免主线程阻塞。
- 新增双缓冲机制，每个 DOM 节点对应两个 fiber 节点：一个是当前正在显示的 fiber(current)，一个是正在构建新的 fiber (workInProgress)。更新完成后通过交换引用的方式完成 DOM 更新。

本质上是一个函数，接受一个组件作为参数，返回一个新的增强之后的组件。