리덕스!!

Question

강사님이 만든거 그대로 제가 따라해서 만들었어요 근데 엑시오스로 겟으로 줬을때 네트워크 보면 데이터가 나오는걸 확인 할수있는데 useselector로 이용해서 스테이트에 쓰려 하니까 잘안됩니다. 콘솔로 찍어보면 언파인드로 나옵니다. const base = useSelector ( ( state ) => state . config . site_copyright ) ; 이렇게 하면 필드 한줄이 나와야하는데.. 뭐가 문제일까요? 아무리 해봐도 출력 안되고 state.config를 로그에 찍어서 보니까 좀 이상하게 나옵니다. {base:""} {base:undefined} {base:{....}} 이렇게 나옵니다. 그리고 제가 만드려는 의도는 그냥 홈페이지에 기본설정을 디비에 넣었는데 그걸 이용해서 그대로 출력 하고싶은데 어떤게 문제인진 모르겠네요 ㅠㅠ

싸플 · Answer

저 부분은 제가 강의에서도 한번 언급하긴 했는데... 저렇게 한번에 쑥~~~ 깊숙이 들어가면 undefined로 나옵니다. 이유는 값이 저장이 안되었기 때문입니다. 그래서 undefined가 나오는 것입니다. 이건 console.log를 통해 테스트해보면 금방알 수 있습니다. 이럴 경우는 강의처럼 state를 나누던가... 아니면, 제가 주로 쓰는 편법인데 전역변수를 활용하는 방법입니다. 맨위에 let base = "" 선언해줍니다. 그리고 그 아래에서 해당 base를 엑시오스를 통해 받아옵니다. 그리고 받아온 값을 base에 할당해줍니다. base = axios(~~~) 그리고 이 base를 리듀서에 저장합니다. 이렇게 하면 useSelector로 통해 값을 가져올 수 있습니다. ※ 핸드폰을 바꿨더니... 댓글 알림이 안와서.. 댓글이 달린지도 몰랐네요.. 죄송합니다.

SSuho · Answer

const {site_copyright} = useSelector ( ( state ) => state . config ) ; 이런 방식으로도 해보셨나요?