← Back to rules

react/no-is-mounted 정확성

An auto-fix is available for this rule.

동작 방식

이 규칙은 클래스 컴포넌트에서 isMounted를 사용하는 것을 방지합니다.

왜 좋지 않은가?

isMounted는 반응형 패턴의 대표적인 잘못된 예이며, 클래스 컴포넌트 또는 함수 컴포넌트를 사용할 때는 이용할 수 없습니다.

예시

이 규칙에 부적절한 코드 예시:

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

사용 방법

이 규칙을 구성 파일 또는 명령줄 인터페이스에서 활성화하려면 다음을 사용할 수 있습니다:

구성 파일 (.oxlintrc.json)

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

CLI

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

참고자료

• 규칙 소스