← Back to rules

react/prefer-es6-class 风格

它做了什么

React 为你提供了两种创建传统组件的方式：使用 create-react-class 包或新的 ES2015 类系统。

请注意，在现代 React 中，函数组件优于类组件，且 特别不推荐 在现代 React 项目中使用 createReactClass。

为什么这是个问题？

此规则强制统一 React 类组件的编写风格。

示例

以下为该规则默认情况下 错误 的代码示例：

var Hello = createReactClass({
  render: function () {
    return <div>你好 {this.props.name}</div>;
  },
});

配置

此规则接受以下字符串值之一：

"always"

始终优先使用 ES2015 类风格的组件。

"never"

不允许使用 ES2015 类风格，应优先使用 createReactClass。

如何使用

通过配置文件或 CLI 启用此规则，可以使用：

配置文件 (.oxlintrc.json)

{
  "plugins": ["react"],
  "rules": {
    "react/prefer-es6-class": "error"
  }
}

CLI

oxlint --deny react/prefer-es6-class --react-plugin

参考资料

• 规则源码