리덕스!!

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로 통해 값을 가져올 수 있습니다.

※ 핸드폰을 바꿨더니... 댓글 알림이 안와서.. 댓글이 달린지도 몰랐네요.. 죄송합니다.

Answer

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