eslint-plugin-react
提供了各种 React 专用的 linting 规则。以下是一些常用的规则:
- react/jsx-uses-react: 防止 React 被错误地标记为未使用。
- react/jsx-uses-vars: 防止在 JSX 中使用的变量被错误地标记为未使用。
- react/react-in-jsx-scope: 防止未定义 React,当在 JSX 中使用时。
- react/no-unknown-property: 防止使用未知的 DOM 属性。
- react/jsx-no-duplicate-props: 禁止在 JSX 中重复的 props。
- react/jsx-no-undef: 禁止在 JSX 中使用未定义的组件。
- react/jsx-pascal-case: 为用户定义的 JSX 组件强制使用 PascalCase。
- react/no-unused-prop-types: 防止在组件定义之外定义 prop types。
- react/prop-types: 防止在 React 组件定义中丢失 props 验证。
- react/jsx-key: 在数组或迭代器中检查元素是否有 key prop。
- react/no-direct-mutation-state: 防止 this.state 的直接突变。
- react/no-multi-comp: 防止每个文件有多个组件定义。
- react/no-unused-state: 防止定义了但从未使用的 state。