eslint-plugin-react-hooks

1. react-hooks/rules-of-hooks: 这条规则强制执行 Hooks 的两个主要规则：

   • 只在顶级作用域中调用 Hook。不要在循环、条件或嵌套函数中调用 Hook。
   • 只在 React 函数中调用 Hook。不要在常规 JavaScript 函数中调用 Hook。

2. react-hooks/exhaustive-deps: 这个规则在添加依赖项数组时提供了帮助。具体来说，它会检查函数组件的 useEffect 和 useCallback Hooks 的依赖项列表，确保你没有遗漏需要包含的依赖项，也没有包含不必要的依赖项。

module.exports = {
  plugins: ['react-hooks'],
  rules: {
    'react-hooks/rules-of-hooks': 'error', // 检查 Hook 的规则
    'react-hooks/exhaustive-deps': 'warn' // 检查 effect 的依赖
  }
}