javascript - 用于首选 React 类组件语法的 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)