那个时候刚学react，不知道面试官说的元素是什么，现在知道了，就是虚拟dom嘛。。。 React 元素不是真实的 DOM 元素，它仅仅是 js 的普通对象（plain objects），所以也没办法直接调用 DOM 原生的 API。上面的 JSX 转译后的对象大概是这样的： …

前端技术发展太快，有些库的版本一直在升级，现在网上的搭建教程不是不全面，就是版本太低，本人综合一些教程和自己的理解，整理了一下，方便大家快速入手react框架。本教程针对刚入门和技术栈转型人员。注：（本教程写于2019-3-29，请注意版本）！！！ 本人也是半路加入react大…

前言React生命周期一、初始化阶段1、设置组件的默认属性2、设置组件的初始化状态3、componentWillMount()4、render()5、componentDidMount()二、运行中阶

“状态管理”是 React 中绕不开的一个话题。因为 React 中数据是自上（祖先组件）而下流动的，当层级较深的组件需要访问祖先组件的状态时，通常需要把该状态通过多个组件传递下去。组件必须要传递该组件实际上并不使用的状态，导致组件之间耦合严重，有悖于组件的设计原则。这时候，我…

React官网和2018年的React conf上都提到了动机这个东西，那么出现hooks的动机是什么？是什么推动了hooks的出现？先来看一下Hooks的动机。 React没有提供可复用性行为“附加”到组件的途径，在写类组件的时候，一个类是一个闭包并且state在组件间传递并…

前端发展速度非常之快，页面和组件变得越来越复杂，如何更好的实现状态逻辑复用一直都是应用程序中重要的一部分，这直接关系着应用程序的质量以及维护的难易程度。 本文介绍了React采用的三种实现状态逻辑复用的技术，并分析了他们的实现原理、使用方法、实际应用以及如何选择使用他们。 Mi…

从React 16.8 稳定版hook发布近一年多，使用hook并不普遍，原因可能有两方面: 一、官方并没有完全取代class；二、迭代项目完全hook话需要成本，官方也不推荐。恰巧新项目伊始，就全面采用hook，这也是写这篇文章的原由，接上一篇 ，这篇主要是自定义hook的一…