喜欢React Class组件语法的eslint规则

Question

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

class Foo extends Component {

在此：

class Foo extends React.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)