← Back to rules

react/no-find-dom-node 正しさ

何をするか

このルールは、2018年に非推奨となり、React 19で削除された findDOMNode の使用を禁止します。

なぜ問題なのか

findDOMNode は、下位の DOM ノードにアクセスするために使われる「逃げ道」です。
ほとんどの場合、この逃げ道の使用は推奨されていません。なぜなら、コンポーネントの抽象化を破壊してしまうからです。
この関数は数年間非推奨状態にあり、React 19では完全に削除されました。

使用すべきではありません。

例

このルールに対して不適切なコードの例：

class MyComponent extends Component {
  componentDidMount() {
    findDOMNode(this).scrollIntoView();
  }
  render() {
    return <div />;
  }
}

使用方法

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

Config (.oxlintrc.json)

{
  "plugins": ["react"],
  "rules": {
    "react/no-find-dom-node": "error"
  }
}

CLI

oxlint --deny react/no-find-dom-node --react-plugin

参照

• ルールのソース