用于优选React类组件语法的eslint规则

Question

我正在寻找一种现有的eslint规则，它更喜欢React Class组件中的这种语法。这样的事情存在吗？

Phone

通过这个：

class Foo extends Component {

除了试图通过快速搜索来说明这一点并不是很有成效。目前正在考虑实施自定义规则。

Answer 1

您可以使用no-restricted-syntax规则执行此操作。尝试在demo中粘贴此内容进行尝试：

/* eslint no-restricted-syntax: ["error", {
    "selector": "ClassDeclaration > MemberExpression.superClass[object.type='Identifier'][object.name='React'][property.type='Identifier'][property.name='Component']",
    "message": "Use `extends Component` instead"
}] */

class Valid extends Component { }

class Invalid extends React.Component { } // Use `extends Component` instead (no-restricted-syntax)