最近在项目中遇到react的组件多次渲染的问题，最后虽然顺利解决了但也同时发现了自己对于react生命周期的不熟悉，于是便找出react的文档重新去了解下，重新学习之后总结为以下两个主要知识点：react组件的整个渲染流程 react组件更新的注意点。 constructor：…

自定义 Hooks 其实就是在现有 React 提供的 Hooks 上做一层封装，实现一些更有针对性的逻辑，或者可以将一些比较通用的业务逻辑做一个封装。

作者最初使用React Hooks的场景就是用Hooks重构现有的 Class 组件。 按照上面的暴力输出思路和官网提供的HooksAPI, 我们将一个 Class 组件改造成了 Function + Hooks 组件试试。 看上去好像没什么问题, 有一种重构代码大功告成的感觉…

前言 本文代码浅显易懂，思想深入实用。此属于react进阶用法，如果你还不了解react，建议从文档开始看起。 我们都知道高阶函数是什么, 高阶组件其实是差不多的用法，只不过传入的参数变成了react组件，并返回一个新的组件. A higher-order component i…

如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述，如果不注意的话，很容易写成第三种写法，导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…

在React Conf 2018宣布React Hooks后，我第一时间开始尝试使用React Hooks，现在新项目基本不写Class组件了。对我来说，它确实让我的开发效率提高了很多，改变了已有的组件开发思维和模式. 我在React组件设计实践总结04 - 组件的思维中已经总…

7.接口是java服务端的Api，暂时就不抽出来了，所以项目是无法正常登陆的，项目会提供UI视觉稿，有对应需求的可以借阅参考。最后说一句，redux-saga真香~~~ 安装成功之后，直接在要访问的build文件夹中运行http-server命令即可打开本地服务环境。也可自行配…

组件的生命主要包括3个阶段： 挂载、更新、卸载，React 16开始还添加了错误处理。 而constructor()用来做一些组件的初始化工作，如定义this.state的初始内容。 在组件挂载到DOM前调用，且只会被调用一次，在这边调用this.setState不会引起组件重…

最近在做一个功能，然后不小心踩到了 React 合成事件 的坑，好奇心的驱使，去看了 React 官网合成事件 的解释，这不看不知道，一看吓一跳... 需要做一个弹窗打开/关闭 的功能，当点击 button 的时候打开，此时打开的情况下，点击弹窗 区域 外，就需要关闭。 很简单…