← Back to rules

react/no-find-dom-node 正确性

它的作用

此规则禁止使用 findDOMNode，该方法已于 2018 年弃用，并在 React 19 中被移除。

为什么这是不好的？

findDOMNode 是一种用于访问底层 DOM 节点的“逃生通道”。在大多数情况下，应避免使用这种逃生通道，因为它破坏了组件的抽象层。该方法已弃用多年，且已在 React 19 中完全移除。

不应使用它。

示例

此规则的错误代码示例：

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

如何使用

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

配置文件 (.oxlintrc.json)

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

CLI

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

参考资料

• 规则源码