ESLint：“react/sort-prop-types”错误可以自动修复吗？答案

【问题标题】：ESLint: Can "react/sort-prop-types" errors be auto-fixed?ESLint：“react/sort-prop-types”错误可以自动修复吗？
【发布时间】：2021-08-26 04:15:38
【问题描述】：

我正在使用Eslint: v7.26.0 并添加了以下规则：

'react/sort-prop-types': [
  2,
  {
    callbacksLast: true,
    ignoreCase: false,
    requiredFirst: true,
    sortShapeProp: true,
    noSortAlphabetically: false,
  },
],

但是，当我运行修复 ESLint 问题的命令时，此规则引发的问题不会自动修复。

eslint --fix --format table someFile.js

有没有办法自动修复此规则引发的错误？

【问题讨论】：

你读过npmjs.com/package/eslint-plugin-react吗？它会告诉您哪些规则可以自动修复。

标签： javascript reactjs npm eslint

【解决方案1】：

遗憾的是，此规则不可自动修复。

您可以查看所有支持的规则列表here。
它还会告诉您该规则是否可以使用 eslint --fix 修复，以及它是否默认启用。

如果您正在使用 VSCode 并已安装 ESLint 扩展，那么它将显示您在积极开发过程中的所有错误，您可以然后修复。

唯一的缺点是，如果您处于开发过程中，您将不得不手动修复错误

【讨论】：

感谢您解释原因和可能的替代方案。我安装了 VSCode 和 ESLint，它向我展示了所有可以修复的问题。我们还能做些什么来自动化这个过程？
我不确定自动化，但我已经使用 Husky 和 lint-staged 设置了一个预提交挂钩，以防止将易受攻击的代码推送到远程仓库。
非常感谢！！我已经创建了您提到的配置，并且运行良好。

【解决方案2】：

sort-prop-types autofixer 确实在扩展边界内排序：我认为这是意料之中的。

https://github.com/yannickcr/eslint-plugin-react/blob/4a72e6a0784f7cc7f16f4574ce7f14de55540a73/tests/lib/rules/sort-prop-types.js#L1007-L1037

【讨论】：