诸暨市建设局行业管理网站,国外十大免费服务器和域名,连云港网络公司排名,深圳专业做网站服务React Hooks 的限制主要有两条#xff1a; 不要在循环、条件或嵌套函数中调用 Hook#xff1b; 在 React 的函数组件中调用 Hook。
首先#xff0c;Hooks是一个对象#xff0c;大致结构如下#xff1a;
const hook: Hook {memoizedState: null,baseState: null,baseQ…React Hooks 的限制主要有两条 不要在循环、条件或嵌套函数中调用 Hook 在 React 的函数组件中调用 Hook。
首先Hooks是一个对象大致结构如下
const hook: Hook {memoizedState: null,baseState: null,baseQueue: null,queue: null,next: null, // 指向下一个hook
};不同类型hook的memoizedState保存不同类型数据例如
useState对于const [state, updateState] useState(initialState)memoizedState保存state的值
useReducer对于const [state, dispatch] useReducer(reducer, {});memoizedState保存state的值。
一个组件中的hook会以链表的形式串起来其中
fiberNode.memoizedState所保存的是Hook链表里面的第一个链表
hook.memoizedState:某个hook自身的数据
在更新时会复用之前的Hook若通过if条件语句或者增加或者删除hooks在复用hooks时会产生复用hooks状态和当前hooks不一致的问题。
