← Back to rules

react/prefer-es6-class スタイル

何をするか

React では、従来のコンポーネントを作成する方法が2つあります。create-react-class パッケージを使う方法と、新しい ES2015 クラスシステムを使う方法です。

ただし、現代の React では関数コンポーネントがクラスコンポーネントよりも推奨されており、特に createReactClass の使用は避けるべきです。

なぜ問題なのか

このルールは、一貫した React クラススタイルを強制します。

例

このルールのデフォルト設定で誤りとなるコードの例:

var Hello = createReactClass({
  render: function () {
    return <div>Hello {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

参照

• ルールのソース