反応クラスコンポーネントの構文を好むためのeslintルール

Question

反応クラスコンポーネントでこの構文を好む既存のeslintルールを探しています。このようなものは存在しますか？このオーバー

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)