← 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 />;
  }
}

사용 방법

설정 파일 또는 명령줄 인터페이스를 통해 이 규칙을 활성화하려면 다음을 사용할 수 있습니다:

구성 파일 (.oxlintrc.json)

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

CLI

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

참고 자료

• 규칙 소스