ESLint

eslint-plugin-react 提供了各种 React 专用的 linting 规则。以下是一些常用的规则:

  1. react/jsx-uses-react: 防止 React 被错误地标记为未使用。
  2. react/jsx-uses-vars: 防止在 JSX 中使用的变量被错误地标记为未使用。
  3. react/react-in-jsx-scope: 防止未定义 React,当在 JSX 中使用时。
  4. react/no-unknown-property: 防止使用未知的 DOM 属性。
  5. react/jsx-no-duplicate-props: 禁止在 JSX 中重复的 props。
  6. react/jsx-no-undef: 禁止在 JSX 中使用未定义的组件。
  7. react/jsx-pascal-case: 为用户定义的 JSX 组件强制使用 PascalCase。
  8. react/no-unused-prop-types: 防止在组件定义之外定义 prop types。
  9. react/prop-types: 防止在 React 组件定义中丢失 props 验证。
  10. react/jsx-key: 在数组或迭代器中检查元素是否有 key prop。
  11. react/no-direct-mutation-state: 防止 this.state 的直接突变。
  12. react/no-multi-comp: 防止每个文件有多个组件定义。
  13. react/no-unused-state: 防止定义了但从未使用的 state。