TIL 112일차

사이드 프로젝트작업을 하는 도중 공통 컴포넌트에서 내가 props를 children으로 전달 받게 해주는데 typescript로 하다 보니 하위 컴포넌트에게 줄때 설정 해줘야하는게 있습니다.

// 기존 jsx 문법

const a = ({children})=>{
	return(
    <div>{children}</div>
    )
}
export default a

// tsx 문법

type Props = {
	children: React.ReactNode
}

const a:React.FC<props> = ({children})=>{
	return <div>{children}</div>
}

위 방식으로 해줘야 다른컴포넌트에서 사용할 수 있습니다.