← Back to rules

react/no-unknown-property 제한

An auto-fix is available for this rule.

작동 방식

알려지지 않은 DOM 속성 사용을 금지합니다.

왜 문제가 되는가?

DOM 속성은 해당 HTML 요소에 유효할 경우에만 사용되어야 합니다.

예시

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

// 알 수 없는 속성
const Hello = <div class="hello">안녕하세요, 세상!</div>;
const Alphabet = <div abc="무언가">알파벳</div>;

// 잘못된 aria-* 속성
const IconButton = <div aria-foo="bar" />;

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

// 알 수 없는 속성
const Hello = <div className="hello">안녕하세요, 세상!</div>;
const Alphabet = <div>알파벳</div>;

// 잘못된 aria-* 속성
const IconButton = <div aria-label="바르" />;

구성

이 규칙은 다음 속성을 가진 구성 객체를 수락합니다.

ignore

type: string[]

기본값: []

무시할 속성 목록입니다.

requireDataLowercase

type: boolean

기본값: false

data-* 속성은 소문자로 지정되어야 하며, 예를 들어 data-foobar로 표기해야 하고 data-fooBar처럼 대소문자를 혼용해서는 안 됩니다.

사용 방법

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

구성 파일 (.oxlintrc.json)

{
  "plugins": ["react"],
  "rules": {
    "react/no-unknown-property": "error"
  }
}

CLI

oxlint --deny react/no-unknown-property --react-plugin

참고 자료

• 규칙 소스