首选 React Class 组件语法的 eslint 规则

Question

我正在寻找在 React Class 组件中更喜欢这种语法的现有 eslint 规则。有这样的东西吗？

class Foo extends Component {

关于这个：

class Foo extends React.Component {

除了试图在快速搜索中用这个词表达这个词不是很有效。目前正在考虑实施自定义规则。

Answer 1

您可以使用 no-restricted-syntax rule. Try pasting this in the 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)

首选 React Class 组件语法的 eslint 规则

eslint rule for preferring React Class Component syntax

javascript

reactjs

eslint