Community

안녕하세요~ 이미 훌륭한 답변을 남겨주신 분이 계시지만 제 생각도 남겨놓겠습니다! 무조건 props 를 줄이는 것보다는 정말 필요한 props 는 넘기고 자식 컴포넌트 단에서 직접 활용할 수 있는

안녕하세요~ 이미 훌륭한 답변을 남겨주신 분이 계시지만 제 생각도 남겨놓겠습니다! 무조건 props 를 줄이는 것보다는 정말 필요한 props 는 넘기고 자식 컴포넌트 단에서 직접 활용할 수 있는 부분은 컴포넌트에서 활용하는 케이스가 좋은 케이스지 않을까 생각합니다. 정답이 정해진 것이 아닌 컴포넌트의 역할과 성격, props 로 넘겨주고 싶은 데이터가 어떤 데이터에 따라서 달라지지 않을까 생각이 듭니다. 예를 들어서 비즈니스 로직을 담아야하는 자식 컴포넌트 같은 경우엔 자식 컴포넌트더라도 필요하다면 직접 훅을 통해서 데이터를 결합할 수 있을것 같습니다. 만약 공통으로 사용중인 컴포넌트라면 추상화 레벨을 높여서 필요한 데이터를 props 로 받아서 컴포넌트를 만들어줄 것 같습니다. 다른 케이스로는 react-query 를 사용하는데 서버에서 list 데이터를 가져와 각 child 로 뿌리고 싶다면, 부모 컴포넌트에서 쿼리해와 list 를 map 을 돌리며 각 child 에게 필요한 데이터를 props 로 뿌려주는 케이스도 있을 것 같습니다. 이처럼 다양한 케이스에서 질문자님이 원하는 방법을 최적화 해서 작업하는게 옳은 방법이지 않을까 생각합니다!

알림

알림이 없습니다