可以看到, 我们也可以直接使用回调的方式来获取ref，其实个人感觉这种方式更简单，但是至于作者为什么放弃了这种方式，我目前还不清楚。~我觉得是因为跨组件传递很麻烦吧~。 我们还看到，代码中，onRef方法可以直接把 ref传给上层组件,那么，如果想使用 新版本api将 ref传…

React的生命周期（这里指的是初版的生命周期，而非新的React生命周期）主要由挂载，运行，卸载三个阶段构成，驱动着View层更新，接下来我们来详细看看这几个阶段都发生了什么。

Refs 提供了一种方式，允许我们访问 DOM 节点或在 render 方法中创建的 React 元素。 管理焦点，文本选择或媒体播放。 触发强制动画。 集成第三方 DOM 库。 1. createRef createRef 是 React16.3 版本中引入的。 使用 Rea…

因为公司内部平台非常多，很多开发的站点地址没有一个统一的入口，所以作者基于 egg + mongodb + redies + umi +antd 搭建了一个简单的入口平台。 由于各个平台各有特点如果能输入名字的话还是不太好区分，logo上传必然是一个必须的功能。 一起来看一下整…

这是Blog2.0的后台管理系统，1.0版本直接用的是Django Admin，可塑性确实不太高。 因为工作中有用Vue独立编写后台的经验，所以这次自己用React手撸了一个后台，用了react + react-router-4 + mobx + Google reCAPTCH…

暂时可以先把这个当做React中虚拟节点的概念，后面会有一些变化，这里先看做是虚拟节点。上节也提到过babel-plugin-transform-react-jsx 会帮助我帮将JSX转换成以下形式： 函数createElement的第一个参数字符串标签名（此处先忽略组件的情况…

react折腾系列之一：如何在ant框架下，Form表单中实现getFieldDecorator包装控件的按需加载。 文笔有限，代码才是程序员的真爱。相信看完下方的几行简单的代码和其中的注释，大家对本文要描述的问题，会有比较清晰的了解。 ps:当然，很多情况下，你可能只需要实现…

对于新出来的 hooks API ,我是特别喜欢的，但是它有一些奇怪的限制，在你使用它的时候。在这里，我提出了一个模型，用于考虑如何使用新 API 来解决那些难以理解这些规则的原因的人。 我听说有些人对于这个新的 hooks API 表示很挣扎，所以我想我会尝试解析至少在表面层…

它的设计思想很像设计模式中的装饰者模式，为任何需要某些数据或者逻辑代码的对象提供所需然后返回。有关装饰者设计模式的解读欢迎参考我的语雀专辑：装饰者模式 主要解决数据共享或者代码逻辑共享，提高代码可复用性、可维护性。 非常常见的是一个系统中已经登录的用户，我们是具有一定的用户信息…