TypeScript로 소품 유형 대응 - 기능 유형을 갖는 방법?

TypeScript로 소품 유형 대응 - 기능 유형을 갖는 방법?

React prop type과 TypeScript를 함께 사용하는 기능 유형을 위한 베스트 프랙티스가 있습니까?

나는 이것이 효과가 있을 것이라고 생각했지만, 사실 그것은 오류였다:

type Props = {
  onClick: Function
};

const Submit = ({ onClick }: Props) => {
  return (
    <button type="button" onClick={onClick}>
      click me
    </button>
  );

이 스레드를 따라 작업했지만 불필요하게 장황해 보입니다.

type Props = {
  onClick: (...args: any[]) => any;
};

const Submit = ({ onClick }: Props) => {
  return (
    <button type="button" onClick={onClick}>
      click me
    </button>
  );

---

이렇게 간단하게 쓰면 되는데, 이렇게 하면 안 되고 더 많은 것을 알 수 있다. 특히 사용자 지정 기능의 경우:

인터페이스 소품 {onClick: (e: 이벤트) => void; }

이렇게 하면 호출하는 구성 요소, onClick이 기대하는 항목 및 매개 변수가 표시됩니다.

이게 도움이 되길 바란다. 해피 코딩.

---

예를 들어(): 보다 일반적인 대안은 다음과 같습니다.

---

에슬린트로 어떻게 피하세요?

여기에 이미지 설명을 입력하십시오.