BFE.dev - prepare for Front-End job interviews.
bigfrontend.dev
Namespace Component + forwardRef 왜 안돼
응집도를 높이고 결합도를 낮추기 위해서 컴포넌트의 하위 속성으로 컴포넌트를 전달하는 React Namespace Pattern이 있는데요. forwardRef와 함께 사용하면 아쉬운 문제점이 있습니다.
forwardRef로 컴포넌트를 wrapping하면 하위 컴포넌트를 추가했을 때 다음과 같은 타입에러가 발생하여 실제로 활용할 수가 없죠.
이를 해결하기 위해 Object.assign을 사용하여 forwardRef로 wrapping된 컴포넌트의 하위 속성으로 자식 컴포넌트를 추가할 수 있습니다.
(JavaScript에서 function은 객체이고 그로 인해서 Object.assign으로 하위 컴포넌트를 속성값으로 병합할 수 있습니다)
더 많은 콘텐츠를 보고 싶다면?
이미 회원이신가요?
2023년 12월 10일 오후 1:13
댓글 0
함께 읽은 게시물
뭐든간에 처음 셋팅하는 것이 제일 힘들다. 어려운 것보다는 귀찮은 일 투성이. 하지만 시작이 있어야 결과도 있는 법이니. 마침내 결과가 좋기만을 바랄 뿐. 💪🦾
혹시, Cursor 나 Claude 얘기는 많이 들었는데
잘 쓰고있는건지 모르겠다,
이제는 AI 활용 방법 제대로 배워야 할것 같은데
어디서부터 어떻게 시작할지 막막하다
이런 고민을 하고 계신가요??
