ESLint：“react/sort-prop-types”錯誤可以自動修復嗎？

Question

我正在使用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

有沒有辦法自動修復此規則引發的錯誤？

Answer 1

可悲的是，此規則不可自動修復。

您可以在此處查看所有受支持規則的列表。
它還告訴您規則是否可以使用eslint --fix ，以及它是否默認啟用。

如果你正在使用VSCode並且已經安裝了ESLint 擴展，那么它會顯示你在主動開發過程中的所有錯誤，然后你可以修復這些錯誤。

唯一的缺點是，如果您處於開發過程中，您將不得不手動修復錯誤

Answer 2

sort-prop-types autofixer 確實在擴展邊界內排序：我認為這是意料之中的。

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