← Back to rules

react/jsx-fragments 스타일

An auto-fix is available for this rule.

동작 방식

리액트 프래그먼트에 대해 약어 형식 또는 표준 형식을 강제 적용합니다.

왜 문제가 되는가?

프래그먼트를 사용하는 코드의 일관성을 한쪽 방향으로 유지하도록 합니다.

구성

이 규칙은 다음 중 하나의 문자열 값을 수락합니다:

"syntax"

기본 모드입니다. 리액트 프래그먼트에 대해 약어 문법을 강제 적용합니다. 다만, 하나의 예외가 있습니다.
약어 문법은 키나 속성 등을 지원하지 않으므로, 이러한 요소를 사용하는 표준 형식의 프래그먼트에 대해서는 경고하지 않습니다.

이 규칙에 대한 잘못된 코드 예시:

<React.Fragment>
  <Foo />
</React.Fragment>

이 규칙에 대한 올바른 코드 예시:

<>
  <Foo />
</>

<React.Fragment key="key">
  <Foo />
</React.Fragment>

"element"

이 모드는 리액트 프래그먼트에 대해 표준 형식을 강제 적용합니다.

이 규칙에 대한 잘못된 코드 예시:

<>
  <Foo />
</>

이 규칙에 대한 올바른 코드 예시:

<React.Fragment>
  <Foo />
</React.Fragment>

<React.Fragment key="key">
  <Foo />
</React.Fragment>

사용 방법

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

Config (.oxlintrc.json)

{
  "plugins": ["react"],
  "rules": {
    "react/jsx-fragments": "error"
  }
}

CLI

oxlint --deny react/jsx-fragments --react-plugin

참고 자료

• 규칙 소스