Hook的本质就是javaScript函数,使用时需要遵循两条规则:只在顶层使用Hook,只在React函数中调用Hook;
只在顶层使用Hook
不要在循环、条件、嵌套函数中调用Hook;每一次渲染中都按照同样的顺序被调用。这让 React 能够在多次的 useState 和 useEffect 调用之间保持 hook 状态的正确。
只在React函数中使用Hook
可以在React函数中调用Hook,在自定义的Hook中调用其他Hook;
Hook的本质就是javaScript函数,使用时需要遵循两条规则:只在顶层使用Hook,只在React函数中调用Hook;
不要在循环、条件、嵌套函数中调用Hook;每一次渲染中都按照同样的顺序被调用。这让 React 能够在多次的 useState 和 useEffect 调用之间保持 hook 状态的正确。
可以在React函数中调用Hook,在自定义的Hook中调用其他Hook;