React Hook 的使用限制有哪些？
React Hook在使用过程中确实有一些限制和规则要遵守，主要有以下几点：
- 只在最顶层使用Hook：不要在循环，条件判断或者子函数中调用Hook。确保总是在你的React函数的最顶层调用他们。遵守这个规则，你可以确保Hooks在每一次渲染中都在同一个顺序被调用。这让React能够在多次的useState和useEffect调用之间保持正确的状态。
-
只在React函数中调用Hook：不要在普通的JavaScript函数中调用Hook。你可以在React的函数组件中调用Hook，也可以在你的自定义Hook中调用其他Hook。
-
在自定义Hook中使用Hook：当你想在两个函数间共享一些状态逻辑时，你可以创建你自己的自定义Hook，然后在那里调用其他的Hook。
这些限制主要是为了保证React能正确地追踪各个Hook之间的状态。不遵守这些规则可能会导致复杂且难以追踪的bug。为了帮助开发者遵守这些规则，React团队提供了一个ESLint插件：eslint-plugin-react-hooks，这个插件可以帮助检测你的代码是否违反了这些规则。