타입스크립트: PropsWithChildren

📚 PropsWithChildren


    
    
    
type PropsWithChildren<P> = P & { children?: ReactNode };

1. generic 타입 매개변수 P를 받아온다

2. 해당 타입에 ReactNode 타입의 children 속성을 추가해준다.

PropsWithChildren타입은 말 그대로 children을 가진 props 타입을 의미한다.

직접 children의 타입으로 명시해주어야했던 ReactNode와는 다르게 children의 타입을 설정해줄 필요가 없다.

🚨 But, children 타입이 옵셔널이다!

children을 넘겨주지 않고 사용해도, 에러가 발생하지 않는다. (= React.FC 타입의 문제점과 유사)

따라서, PropsWithChildren을 사용해야하는 경우 children을 옵셔널로 사용할 경우에만 사용하고, 항상 children을 넘겨줘야하는 경우에는 PropsWithChildren을 사용하지 않는게 좋을 것 같다.

내 블로그 - 관리자 홈 전환	`Q` `Q`
새 글 쓰기	`W` `W`

글 수정 (권한 있는 경우)	`E` `E`
댓글 영역으로 이동	`C` `C`