← Back to rules

react/prefer-es6-class 스타일

작동 방식

React는 전통적인 컴포넌트를 생성하는 두 가지 방법을 제공합니다: create-react-class 패키지를 사용하거나, 새로운 ES2015 클래스 시스템을 사용하는 것입니다.

현대의 React에서는 함수형 컴포넌트가 클래스 컴포넌트보다 선호되며, 특히 createReactClass를 현대적인 React에서 사용하는 것은 격렬히 권장되지 않습니다.

왜 나쁜가요?

이 규칙은 일관된 React 클래스 스타일을 강제합니다.

예시

기본적으로 잘못된 코드 예시:

var Hello = createReactClass({
  render: function () {
    return <div>안녕하세요 {this.props.name}</div>;
  },
});

구성

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

"always"

항상 ES2015 클래스 스타일의 컴포넌트를 우선합니다.

"never"

ES2015 클래스 스타일을 허용하지 않고, createReactClass를 우선합니다.

사용 방법

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

구성 파일 (.oxlintrc.json)

{
  "plugins": ["react"],
  "rules": {
    "react/prefer-es6-class": "error"
  }
}

CLI

oxlint --deny react/prefer-es6-class --react-plugin

참고 자료

• 규칙 소스