← Back to rules

react/require-render-return Nursery

작동 방식

render 함수에서 값을 반환할 때, ES5 또는 ES2015 클래스를 사용하도록 강제합니다.

이 규칙은 함수형 컴포넌트에는 적용되지 않으며, 따라서 현대적인 React 코드베이스에서는 비활성화할 수 있습니다.

왜 나쁜가요?

컴포넌트의 render 메서드를 작성할 때, JSX 콘텐츠를 반환하는 것을 잊어버리는 것이 쉽습니다. 이 규칙은 return 문이 누락되었을 경우 경고합니다.

예시

이 규칙에 적합하지 않은 예시:

var Hello = createReactClass({
  render() {
    <div>Hello</div>;
  },
});

class Hello extends React.Component {
  render() {
    <div>Hello</div>;
  }
}

이 규칙에 적합한 예시:

var Hello = createReactClass({
  render() {
    return <div>Hello</div>;
  },
});

class Hello extends React.Component {
  render() {
    return <div>Hello</div>;
  }
}

사용 방법

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

Config (.oxlintrc.json)

{
  "plugins": ["react"],
  "rules": {
    "react/require-render-return": "error"
  }
}

CLI

oxlint --deny react/require-render-return --react-plugin

참고 자료

• 규칙 소스