useState中的 setXXXXX 属于异步函数，在useState第一次存储的时候，会有存储不上的时候 异步获取数据存在的问题, 我这里通过useEffect用存储2次, 没办法 ，解决问题就行

接下来将一步步带领大家实现一个基本的modal弹窗组件，封装一个简单的动画组件，其中涉及到的一些知识点也会在代码中予以注释讲解。 一. modal组件的实现； 1. 环境搭建 2. modal样式完善 3. modal功能开发 3.1. 添加visible字段控制显隐 3.2.…

在 React Conf 2018 上，React团队提出了Hooks提案。 如果你想知道什么是 Hooks，及它能解决什么问题，查看我们的讲座(介绍)，理解React Hooks(常见的误解)。 当你阅读文档时，不要错过关于最重要的部分——创造属于你自己的Hooks！太多的人…

配置复杂，devtool... 模板代码太多，创建constant，action，reducer... 需要添加很多依赖包，如redux-thunk、immer... ... 1. Typescript 必须的吗？ 2. React hook 必须的吗？ 3. 不用 redux…

本文讲述怎么实现动态加载组件，并借此阐述适配器模式。 以上是最常见的React router。在简单的单页应用中，这样写是ok的。因为打包后的单一js文件bundle.js也不过200k左右，gzip之后，对加载性能并没有太大的影响。 但是，当产品经历多次迭代后，追加的页面导致…

Umi是蚂蚁金服的底层前端框架，我用这个框架也有一段时间了，但是网上umi相关的文章甚少呀，特别对于是3.x版本，本文就来简单介绍一下umi框架。 从3.0版本开始它们的slogan就改成了插件化的企业级前端应用框架，插件这个概念让整个umi框架的扩展性大大提高，插件让框架支持…

先来思考一个老生常谈的问题，setState是同步还是异步? 再深入思考一下，useState是同步还是异步呢？ 我们来写几个 demo 试验一下。

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

通过es6新增class的属性创建的组件此组件创建简单. React 16.3版本后，使用此方法来创建ref。将其赋值给一个变量，通过ref挂载在dom节点或组件上，该ref的current属性,将能拿到dom节点或组件的实例 子组件通过React.forwardRef来创建，…