微光的博客

Source map explorer使用源地图分析JavaScript包。这可以了解代码臃肿的来源，比如你经常发现打包后的代码文件比较大，但是有不知道该从哪点来分析，那么就可以用这个 Source map explorer 了。要将 Source map explorer 添加到 Create React App 项目中，请遵循以下步骤：npm install --save source-map-explorer或者，您可以使用 yarn：yarn add source-map-.

1、定义2、使用3、报错4、原因当定义React组件时，extends React.Component时，不会将this继承下来。所以this是undefined.而ES6中的arrow function呢，默认在定义的时候会绑定this。使用this一般有两种做法。 直接使用箭头函数 在constructor中绑定。 class { constructor() { super(...arguments); ...

1. 挂载卸载过程 1.1.constructor() 1.2.componentWillMount() 1.3.componentDidMount() 1.4.componentWillUnmount () 2. 更新过程 2.1. componentWillReceiveProps (nextProps) 2.2.shouldComponentUpdate(nextProps,nextState) 2.3.componentWillUpdate (nextProps,nex

useMemo和useCallback接收的参数都是一样,第一个参数为回调 第二个参数为要依赖的数据共同作用：1.仅仅依赖数据发生变化, 才会重新计算结果，也就是起到缓存的作用。两者区别：1.useMemo计算结果是return回来的值, 主要用于 缓存计算结果的值 ，应用场景如： 需要 计算的状态2.useCallback计算结果是函数, 主要用于 缓存函数，应用场景如: 需要缓存的函数，因为函数式组件每次任何一个 state 的变化 整个组件 都会被重新刷新，一些函数是...