typescript에서 컴포넌트에 props로 JSX를 넘길 경우

쌍제이(JJVoiture)·2022년 2월 4일
0
<Component
	props={(
              <button onClick={()=>{}}>
               클릭
              </button>
            )}
/>

Typescript는 함수의 인자의 형식을 정의해야 한다.
위와 같이 props로 JSX를 보내는 경우에는 어떻게 정의하는 것이 좋을까?

클래스형 컴포넌트는 React.ReactNode를 리턴한다.
함수형 컴포넌트의 경우에는 React.ReactElement를 리턴한다.

ReactNode

type ReactNode = ReactChild | ReactFragment | ReactPortal | boolean | null | undefined;

ReactElement

interface ReactElement<P = any, T extends string | JSXElementConstructor<any> = string | JSXElementConstructor<any>> {
        type: T;
        props: P;
        key: Key | null;
    }
profile
안녕하세요. 중구난방 개발자 쌍제이입니다.

0개의 댓글