← Back to rules

react/forward-ref-uses-ref 정확성

An auto-fix is available for this rule.

작동 방식

forwardRef로 감싸진 컴포넌트는 반드시 ref 매개변수를 가져야 합니다.
ref 인자를 생략하는 것은 일반적으로 버그이며, ref를 사용하지 않는 컴포넌트는 forwardRef로 감싸질 필요가 없습니다.

왜 문제가 될까?

ref 인자를 생략하면 forwardRef 래퍼가 불필요하게 되며, 혼란을 초래할 수 있습니다.

예시

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

var React = require("react");

var Component = React.forwardRef((props) => <div />);

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

var React = require("react");

var Component = React.forwardRef((props, ref) => <div ref={ref} />);

var Component = React.forwardRef((props, ref) => <div />);

function Component(props) {
  return <div />;
}

사용 방법

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

Config (.oxlintrc.json)

{
  "plugins": ["react"],
  "rules": {
    "react/forward-ref-uses-ref": "error"
  }
}

CLI

oxlint --deny react/forward-ref-uses-ref --react-plugin

참고자료

• 규칙 소스