리액트 디자인 패턴 (1) 썸네일형 리스트형 [React Design] Compound Pattern (복합 컴포넌트 패턴) 애플리케이션에는 상호 의존적인 컴포넌트가 있는 경우가 많습니다. 이들은 state와 로직을 함께 공유하며 서로 의존하고 있습니다.select, 드롭다운 컴포넌트 또는 메뉴 항목과 같은 컴포넌트에서 이러한 패턴을 자주 볼 수 있습니다. 복합 컴포넌트 패턴을 사용하면 하나의 작업을 수행하기 위해 모두 함께 작동하는 컴포넌트를 만들 수 있습니다. Chakra UI 에서 볼 수 있는 탭1 탭2 내용1 내용2 으로 컴포넌트 이름을 명명하는 게 특징 입니다. Context APIReact.Children.map 이나 React .cloneElement 를 사용할 경우1. React.Children.map의 경우 Wrapper로 감싸면 props 전달이 안되어 컴포넌트 중첩이.. 이전 1 다음