2020年Web前端面试题之React相关（最全，最详细）

2020年Web前端面试题之React相关（最全，最详细）React相关第一部分1.React中keys的作用是什么？2.调用setstate之后发生了什么？当调用setstate时，React会做的第一件事情是将传递给setstate的对象合并到组件的当前状态这将旨动一个称为和解（reconciliation）的过程和解（reconciliation）的最终目标是以最有效的方式，根据这个新的状态来更新UI为此，React将构建一个新的React元素树（您可以将其视为UI的对象表示）-旦有了这个树，为了弄清UI如何响应新的状态而改变?React会将这个新树与上一个元素树相比较（diff）通过这样做,React将会知道发生的确切变化，并且通过了解发生什么变化，只需在绝对必要的情况下进行更新即可最小化UI的占用空间3.react生命周期函数初始化阶段:getDefaultProps==constructor==componentWillMount==render==componentDidMount运彳亍中状态:componentW川ReceiveProps=〉shouldComponentUpdate=二componentWillUpdate二二〉render==componentDidUpdate销毁阶段componentWillUnmount生命周期的顺序defaultProps==constructor==componentW川Mount==render==componentDidMount==componentWillUnmount4.shouldComponentUpdate是做什么的，（react性能优化是哪个周期函数？）shouldComponentllpdate询问组件是否需要更新的一个钩子函数，判断数据是否需要重新渲染，返回一个布尔值默认的返回值是true，……(阅读全文)

相关 详细