函数组件纤维节点的memoizedState属性,指向第一个钩子实例。
因此,每次渲染函数组件时,可以拿到上次渲染时创建的钩子实例。
一 App组件代码
import React, { useState } from "react";
// App组件
export default function App() {
const [index, setIndex] = useState(0);
const clickHandler = (e) => setIndex(index + 1);
return <button onClick={clickHandler}>{index}</button>;
}
二 概述
dispatchAction方法:向队列中添加更新记录
ReactFiberHooks.js文件 useReducer方法:处理队列,并删除更新记录。
三 对象图
1. 挂载完成后
2.1 第一次单击按钮,执行dispatchAction方法入队后
2.2 第一次单击按钮,执行useReducer方法处理队列后</