Hong丶

在日常开发中，menu icon主要由三种方式： 使用antd自带的icon 使用iconfont中的icon 使用自定义的svg 在antd pro的文档中描述了前两中方式，但是使用自定义svg的方

在实际项目开发中，需要基于多种环境去设置不同的环境变量以便于在构建阶段或是运行阶段去使用，例如常见的通过process.env.NODE_ENV在构建时去判断当前的构建环境是development还是production，例如需要在开发环境、测试环境和生产环境去访问不同的接口服…

平时在开发的过程中，我们可能并不太需要十分了解babel的内容，仅仅知道它能够将新特性的代码转换成能够在旧版本浏览器中运行的代码。但是这一次想要趁着自己搭建脚手架的机会去进一步的了解babel的知识，所以写了这篇文章。以下内容是babel 7.4之后的版本，也就是@babel/…

1. 函数式更新 除了常规的setState(value)的方式去更新状态以外，setState还可以接收一个函数来更新状态。这种更新状态的方式通常使用在新的 state 需要通过使用先前的 state 计算得出的场景。 但是依赖项设置后会导致每次改变发生时定时器都被重置，这并…

简单来说，就是能够通过function组件+hooks来完成class组件的工作。所以我们不免要拿class和hooks进行对比。 class组件实例化一次，使用到的props/state都是通过this去获取，而this是可变的(mutable),所以在生命周期中所拿到的都是…

redux主要目的就是为了解决多处对同一状态修改带来的问题，而反映到react上就是多个层级不同的组件对同一个状态的操作。首先，需要让子组件有方法去访问到统一个状态，在react中刚好context就是做着个事情的，但是如果要进行状态变更的话就需要修改到context里面的状态…

如果需要在此基础上对视图修改，只需要对appState进行修改再手动调用渲染就能更新视图上的状态。但是也因此会有很多缺陷，比如说多个其他函数都需要对数据进行操作就会对同一个全局变量进行修改，这样出现问题就会很难定位。 1. 解决外部对同一个state的操作,导致错误很难定位的问…

在函数组件中，函数作为props传递给子组件时，无论子组件是pureComponent还是用React.memo进行包裹，都会让子组件render，需要使用useCallback来对传递的方法进行保存，将useCallback的返回值传递给子组件就能让子组件不随父组件rende…