현재 버전

React+Redux 구조에서 최상위에 특정 ui를 두고 사용할 수 있나요?


안녕하세요 리액트 공부하며 개발하고 있습니다.

질문의 의미는 다름이 아니라

예를들어 어떤 Modal 컴포넌트를 만들었을때, 해당 Modal을 사용해야 하는 곳은 전부 render 안에 <Modal /> 태그를 넣어두고 사용해야 하니깐 조금 비효율적인것 같아서요

앱의 최상위 부분에 <Modal />을 딱 넣어두고 Redux 같은 곳에 해당 Modal의 Ref를 갖고 있으면

앱 어디서나 해당 Modal을 호출할 수 있는거 아닐까 싶은 생각이 드는데요,

개발진행하며 리액트+리덕스 구조를 익혀가는 중이라 이게 이론적으로 가능한건지 잘 모르겠네요..

일단 당장 <Modal />을 넣어야하는 위치도 헷갈리고, 또 해당 모달의 Ref변수를 어떻게 store에 넣어야할지도 감이 안오네요 ㅠㅠ 


혹시 이게 안되는거라면.. 보통 일반적으로 이런 경우에 어떤 구조가 가장 최적인지 의견주시면 감사하겠습니다! 





수정 이력

2020-03-25 18:46:14 에 아래 내용에서 변경 됨 #3

안녕하세요 리액트 공부하며 개발하고 있습니다.

질문의 의미는 다름이 아니라

예를들어 어떤 Modal 컴포넌트를 만들었을때, 해당 Modal을 사용해야 하는 곳은 전부 render 안에 <Modal /> 태그를 넣어두고 사용해야 하니깐 조금 비효율적인것 같아서요

앱의 최상위 부분에 <Modal />을 딱 넣어두고 Redux 같은 곳에 해당 Modal의 Ref를 갖고 있으면

앱 어디서나 해당 모달을 호출할 수 있는거 아닐까 싶은 생각이 드는데요,

개발진행하며 리액트+리덕스 구조를 익혀가는 중이라 이게 이론적으로 가능한건지 잘 모르겠네요..

일단 당장 <Modal />을 넣어야하는 위치도 헷갈리고, 또 해당 모달의 Ref변수를 어떻게 store에 넣어야할지도 감이 안오네요 ㅠㅠ 


혹시 이게 안되는거라면.. 보통 일반적으로 이런 경우에 어떤 구조가 가장 최적인지 의견주시면 감사하겠습니다! 




2020-03-25 18:46:04 에 아래 내용에서 변경 됨 #2

안녕하세요 리액트 공부하며 개발하고 있습니다.

질문의 의미는 다름이 아니라

예를들어 어떤 Modal 컴포넌트를 만들었을때, 해당 Modal을 사용해야 하는 곳은 전부 render 안에 <Modal /> 태그를 넣어두고 사용해야 하니깐 조금 비효율적인것 같아서요

앱의 최상위 부분에 <Modal />을 딱 넣어두고 Redux 같은 곳에 해당 Modal의 Ref변수를 갖고 있으면

앱 어디서나 해당 모달을 호출할 수 있는거 아닐까 싶은 생각이 드는데요,

개발진행하며 리액트+리덕스 구조를 익혀가는 중이라 이게 이론적으로 가능한건지 잘 모르겠네요..

일단 당장 <Modal />을 넣어야하는 위치도 헷갈리고, 또 해당 모달의 Ref변수를 어떻게 store에 넣어야할지도 감이 안오네요 ㅠㅠ 


혹시 이게 안되는거라면.. 보통 일반적으로 이런 경우에 어떤 구조가 가장 최적인지 의견주시면 감사하겠습니다! 




2020-03-25 18:45:47 에 아래 내용에서 변경 됨 #1

안녕하세요 리액트 공부하며 개발하고 있습니다.

질문의 의미는 다름이 아니라

제가 예를들어 어떤 Modal을 만들었는데, 해당 Modal을 사용해야 하는 곳은 전부 render 안에 <Modal /> 태그를 넣어두고 사용해야 하니깐 조금 비효율적인것 같아서요

앱의 최상위 부분에 <Modal />을 딱 넣어두고 Redux 같은 곳에 해당 Modal의 Ref변수를 갖고 있으면

앱 어디서나 해당 모달을 호출할 수 있는거 아닐까 싶은 생각이 드는데요,

개발진행하며 리액트+리덕스 구조를 익혀가는 중이라 이게 이론적으로 가능한건지 잘 모르겠네요..

일단 당장 <Modal />을 넣어야하는 위치도 헷갈리고, 또 해당 모달의 Ref변수를 어떻게 store에 넣어야할지도 감이 안오네요 ㅠㅠ 


혹시 이게 안되는거라면.. 보통 일반적으로 이런 경우에 어떤 구조가 가장 최적인지 의견주시면 감사하겠습니다!