Skip to content
← Back to rules

react/jsx-no-undef 정확성

동작 방식

JSX 내에서 선언되지 않은 변수를 사용하는 것을 금지합니다.

이 규칙은 보통 타입스크립트를 사용하는 경우 불필요합니다. 왜냐하면 타입스크립트가 이미 선언되지 않은 변수를 잡아내기 때문입니다.

왜 좋지 않은가?

변수 이름이나 매개변수 이름을 잘못 입력했을 때 발생할 가능성이 높은 참조 오류(ReferenceError)의 원인이 됩니다.

예시

이 규칙에 위배되는 잘못된 코드 예시:

jsx
const A = () => <App />;
const C = <B />;

사용 방법

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

json
{
  "plugins": ["react"],
  "rules": {
    "react/jsx-no-undef": "error"
  }
}
bash
oxlint --deny react/jsx-no-undef --react-plugin

참고 자료