泊一的博客

文章目录Hook规则只在最顶层使用 Hook只在 React 函数中调用 Hook自定义HookHook规则只在最顶层使用 Hook不要在循环，条件或嵌套函数中调用 Hook， 确保总是在你的 React 函数的最顶层调用他们。遵守这条规则，你就能确保 Hook 在每一次渲染中都按照同样的顺序被调用。这让 React 能够在多次的 useState 和 useEffect 调用之间保持 hook 状态的正确只在 React 函数中调用 Hook不要在普通的 JavaScript 函数中调用

文章目录useContext和useReducer1. [useContext](https://react.docschina.org/docs/hooks-reference.html#usecontext)2. [useReducer](https://react.docschina.org/docs/hooks-reference.html#usereducer)3. 用 useContext + useReducer 替代 redux参考地址useContext和useReducer1. us

文章目录一、[useState](https://react.docschina.org/docs/hooks-reference.html#usestate)二、[useEffect](https://react.docschina.org/docs/hooks-reference.html#useeffect)一、useState用于定义变量与修改状态const [state, setState] = useState(initialState);更新 state 变量总是替换它而不是合并

文章目录React.memo和useCallback和useMemo1.[React.memo](https://zh-hans.reactjs.org/docs/react-api.html#reactmemo)2. [useCallback](https://zh-hans.reactjs.org/docs/hooks-reference.html#usecallback)3. [useMemo](https://zh-hans.reactjs.org/docs/hooks-reference.html

文章目录一、[useRef](https://react.docschina.org/docs/hooks-reference.html#useref)二、[useImperativeHandle](https://react.docschina.org/docs/hooks-reference.html#useimperativehandle)一、useRefuseRef 会在每次渲染时返回同一个 ref 对象，这是因为它创建的是一个普通 Javascript 对象。而 useRef() 和自建一个