2021 高频前端面试题汇总之React篇，前端面试题汇总系列文章的React篇，长期更新，欢迎收藏、点赞！

代码的用意这样，button和document都监听click事件，当点击按钮时希望阻止click事件冒泡，避免触发直接绑定在document上的处理函数。 先以React 16为例，大概介绍一下React绑定事件处理函数的机制：我们在jsx中指定的事件处理函数，其实并不会被绑…

为什么要有 key 参考react官方文档的说法，在递归一个数组时，如果没有其他技术的接入，会根据前后两棵树，从前往后的进行1对1的比较，没有任何复用的逻辑。当我们遇到是在数组最前面增加一项时，rea

译 ：当您使用React时，您可以在单个时间点将该render()函数视为创建React元素树。在下一个状态或道具更新时，该render()函数将返回一个不同的React元素树。然后，React需要弄清楚如何有效地更新UI以匹配最新的树。 react中的key属性是一个特殊的属…

js里面的this绑定是代码执行的时候进行绑定的，而不是编写的时候，所以this的指向取决于函数调用时的各种条件。

createElement方法也是vue和react用来创建虚拟DOM的方法，我们也叫这个名字，方便记忆。接收三个参数，分别是type，props和children 到目前为止，已经轻而易举的实现了创建虚拟DOM。那么，接下来进行下一步，将其渲染为真实的DOM，别犹豫，继续回到…

​先回忆一下上一篇：面试官：“宝子，setState 是同步还是异步的呀？” 这上一篇中，我们基本搞清楚了原理流程，那具体的代码是如何实现的呢？

这一次，我将带你一次性搞懂 React 中常见的 setState 原理。 setState 本身的默认行为 在进入主题之前，你肯定需要先学会 React 的基本使用。

在 Web 项目当中，一个全局的提示组件可能是一个普遍的需求。 当用户做了一些操作，提示组件可以给用户相应的提醒。比如在页面上，用户做了增删操作，需要提示增加/删除成功。 这样一来，只需要在需要提示的地方引入 message, 直接调用它的方法就可以弹出提示信息。 如上面的代码…