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

Question

I am using Eslint: v7.26.0 and have the following rule added to it:

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

However, when I run the command to fix the ESLint issues, the issues thrown by this rule are not auto-fixed.

eslint --fix --format table someFile.js

Is there a way to auto-fix the errors thrown by this rule?

Answer 1

Sadly, this rule is not auto-fixable.

You can check the list of all the supported rules here .
It also tells you if the rule fixable with eslint --fix and if it is enabled by default.

If you are using VSCode and have installed the ESLint extension , then it will show you all the errors during active development which you can then fix.

The only con of this is that you will have to manually fix the errors if you are in the middle of development

Answer 2

sort-prop-types autofixer does sort within the spread boundaries: I think this is expected.

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