리액트에서 container & presentational 패턴에 대해 궁금한게 있습니다.

Question

리액트 리덕스를 이용해 공부용 프로젝트를 하는 중 궁금한것이 생겼습니다.리스트 페이지에 페이지네이션 컨테이너가 있고 이 컨테이너는 보통 쓰듯이 <페이지네이션 컨테이너> 이런식으로 컨테이너들과 같이 있습니다.근데 다른 페이지에서 모달을 눌렀을때 리스트가 나와서 페이지네이션이 필요한 경우라면 이 페이지네이션 컨테이너를 프레젠테이션 컴포넌트에 안에 넣고 재사용해도 문제가 없는건가요?? 프레젠테이션 컴포넌트에 컨테이너가 들어가면 프레젠테이션 컴포넌트는 재사용이 안되는것이 아닐까요??아니면 그냥 따로 컨테이너가 아닌 페이지네이션 컴포넌트를 모달에 넣고 모달을 켜 주는 컨테이너 쪽에서 페이지네이션에 필요한 함수를 만들어 프롭으로 주는 것이 좋을까요??이런 경우 어떤 것이 맞는 건지요??

세브라이드 · Accepted Answer

문제가 있지요. 그렇게 하면 안됩니다.일단 container & presentational 패턴 자체가 굉장히 오래된, hook이 나오기 이전에 쓰이던 패턴이라는 점을 아셔야 됩니다.다시 말하면 페이지네이션 컨테이너를 페이지네이션 컴포넌트/페이지네이션 훅 이렇게 분리한 다음에 각각에서 컴포넌트랑 훅을 쓰면 됩니다.그럼 컴포넌트의 재사용성이 안깨지죠.props의 드릴링 문제가 걱정되는 거라면1. Render Props를 활용 2. subComponent 패턴을 활용두가지 방법이 있으니 둘 중 쉽고 현재 상황에서 읽기 편한걸 사용하시면 됩니다.

리액트에서 container & presentational 패턴에 대해 궁금한게 있습니다.

1개의 답변

Q&A 목록