<Component
props={(
<button onClick={()=>{}}>
클릭
</button>
)}
/>
Typescript는 함수의 인자의 형식을 정의해야 한다.
위와 같이 props로 JSX를 보내는 경우에는 어떻게 정의하는 것이 좋을까?
클래스형 컴포넌트는 React.ReactNode를 리턴한다.
함수형 컴포넌트의 경우에는 React.ReactElement를 리턴한다.
type ReactNode = ReactChild | ReactFragment | ReactPortal | boolean | null | undefined;
interface ReactElement<P = any, T extends string | JSXElementConstructor<any> = string | JSXElementConstructor<any>> {
type: T;
props: P;
key: Key | null;
}