← Back to rules

react/no-is-mounted 正しさ

何を行うか

このルールは、クラスコンポーネント内で isMounted を使用することを防止します。

なぜ問題か

isMounted は非推奨のパターンであり、クラスや関数コンポーネントを使用する場合、利用できません。

例

このルールに違反する誤ったコードの例：

class Hello extends React.Component {
  someMethod() {
    if (!this.isMounted()) {
      return;
    }
  }
  render() {
    return <div onClick={this.someMethod.bind(this)}>Hello</div>;
  }
}

使用方法

設定ファイルまたは CLI でこのルールを有効化するには、次のようにします：

設定 (.oxlintrc.json)

{
  "plugins": ["react"],
  "rules": {
    "react/no-is-mounted": "error"
  }
}

CLI

oxlint --deny react/no-is-mounted --react-plugin

参照

• ルールのソース