← Back to rules

react/no-danger-with-children 정확성

작동 방식

DOM 요소가 children과 dangerouslySetInnerHTML 속성을 동시에 사용하는 경우를 허용하지 않습니다.

왜 문제가 되는가?

이 규칙을 무시하고 children과 dangerouslySetInnerHTML 둘 다를 사용할 경우, React는 경고를 표시합니다.

예시

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

<div dangerouslySetInnerHTML={{ __html: "HTML" }}>Children</div>;
React.createElement("div", { dangerouslySetInnerHTML: { __html: "HTML" } }, "Children");

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

<div>Children</div>
<div dangerouslySetInnerHTML={{ __html: "HTML" }} />

사용 방법

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

Config (.oxlintrc.json)

{
  "plugins": ["react"],
  "rules": {
    "react/no-danger-with-children": "error"
  }
}

CLI

oxlint --deny react/no-danger-with-children --react-plugin

참고 자료

• 규칙 소스