海风的博客

useMemo钩子可以复用计算结果，而不用每次渲染函数组件时都执行计算。二 代码与useCallback类似，都是比较两次渲染时的依赖数组是否相同，来决定是否复用计算结果。// 函数组件虚拟节点// useCallback钩子实例// 本次渲染时的依赖数组inputs!== null?== null) {// 上次渲染时的依赖数组// 使用Object.is判断两个数组的每个成员是否相同// 复用计算结果// 挂载、更新（依赖发生变化），执行计算。

比较两次渲染时传入useCallback的依赖数组是否相同，来决定是否复用函数。通过useCallback钩子，可以实现多次渲染函数组件时，复用函数。

dispatchAction方法：向队列中添加更新记录ReactFiberHooks.js文件 useReducer方法：处理队列，并删除更新记录。

prepareToReadContext方法、getUnmaskedContext方法、getMaskedContext方法。readContext方法。

一 创建项目npx create-react-app my-app-ts --template typescript二 类组件import React from 'react';import Fruit from './fruit';interface AppProps {}interface AppState { fruit: string}export default class App extends React.Component&...