当组件要被从界面上移除的时候，就会调用。在这个函数中，可以做一些组件相关的清理工作

0. 前言 一个异步请求，当请求返回的时候，拿到数据马上setState并把loading组件换掉，很常规的操作。但是，当那个需要setState的组件被卸载的时候(切换路由、卸载上一个状态组件)去setState就会警告： 问题fix。 1. 不想一个个改了 项目肯定不是简简…

1. Context - React跨组件访问数据的利器 3. react-router-dom源码揭秘 - BrowserRouter 今天再给大家带来一篇翻译文章。 这篇文章，是我们react-router-dom源码揭秘系列的第二篇文章。同样是预备知识。 想看第一篇文章的…

虚拟 DOM （Virtual DOM ）这个概念相信大家都不陌生，从 React 到 Vue ，虚拟 DOM 为这两个框架都带来了跨平台的能力（React-Native 和 Weex）。因为很多人是在学习 React 的过程中接触到的虚拟 DOM ，所以为先入为主，认为虚拟 …

其中dom-diff算法是虚拟dom的核心，重点，难点。 DOM 全称为“文档对象模型”（Document Object Model），JavaScript 操作网页的接口。它的作用是将网页转为一个 JavaScript 对象，从而可以用脚本进行各种操作（比如增删内容）。 Vi…

这两天自己简单的看了下 setState 的部分实现代码，在这边给到大家一个自己个人的见解，可能文字或图片较多，没耐心的同学可以直接跳过看总结(源码版本是16.4.1)。 、performWorkOnRoot、performSyncWork、performAsyncWork这四…

随着前端领域快速发展，越来越多的前端框架不断涌现，当下React、Vue两个前端框架已经是前端开发者必备技能。 接下来，我会一步一步的实现一个虚拟DOM，讲解其中核心逻辑以及算法。图文并茂，让需要的小伙伴能够轻而易举的看懂也总结自己对虚拟DOM的理解方便后期复习。 Virtua…

React生命周期的命名一直都是非常语义化的，这个生命周期的意思就是从props中获取state，可以说是太简单易懂了。 可以说，这个生命周期的功能实际上就是将传入的props映射到state上面。 意味着即使你的props没有任何变化，而是父state发生了变化，导致子组件发…

该生命周期钩子的作用： 将父组件传递过来的 props 映射 到子组件的 state 上面，这样组件内部就不用再通过 this.props.xxx 获取属性值了，统一通过 this.state.xxx 获取。映射就相当于拷贝了一份父组件传过来的 props ，作为子组件自己的状…