안녕하세요 선생님 navbar 구현 관련해서 질문드립니다.
제가 구현하려고 하는 navbar는 기본으로 상단 고정되어 있고, 로그인 화면으로 넘어갈때만 nav바를 없애려고 합니다.
navbar를 컴포넌트로 따로 만들었고, app.js에서
<Navbar />
<Routes>
~~~~ 페이지 구성
</Routes>
이렇게 구성해 놓았습니다. 때문에 로그인 페이지로 이동해도 navbar가 노출되기 때문에
Redux store에 display 속성값을 저장하였고,
로그인 페이지 이동시 useEffect를 활용하여 display 값이 none이 되도록 전달하여 숨김 처리하였습니다.
여기서 질문 사항은..
나머지 페이지에서는 다시 navbar가 노출될 수 있도록
각각의 페이지 컴포넌트에 아래의 코드를 넣었는데요.
const navDisplay = useSelector( (state) => state.navDisplay.displayValue );
let dispatch = useDispatch()
useEffect(() => {
dispatch(changeDisplay('block'));
}, [])
이 코드의 반복을 줄일 수 있는 방법이 있을까요 ...??
그리고 이런 경우 실무에서는 어떤식으로 구현하는지 궁금합니다..!!
