[221011] useSelector 정보 넘겨서 출력하기

지난주 시작한 인스타 클론코딩...!

뷰는 다 완성했다... 그래서 이제 본격적으로 구현에 들어가야하는데...!

우리는 도토리기때문에 작은것부터...연습하듯이 해보기로 했다...(그래야 포기하고싶지않기 때문)

그래서..! 로그인창에서 id값을 입력하고 로그인을 누르면 (웃기게도 비번은 치지도 않음)

그 id값이 프로필 아이디부분에 나타나도록 useSeletor를 이용해보았다.

그런데 콘솔 찍으면 값이 나오는데, 프로필에는 값이 넘어오지 않았다....

외않되..?ㅠ 거의 1시간 넘게 걸려서 알아낸 이유...

 

Profile.jsx

const Profile = () => {
  const user = useSelector((state) => state.user.user);

state.user 로 썼었기때문...

user안에 user정보가 담겨있었기때문에 state.user.user로 작성해야 정보가 불러와진다..!!!!

 

Login.jsx

  const submitId = (e) => {
    e.preventDefault();
    dispatch({ type: 'USER_NAME', payload: { user } });
    navigate('/');
  };

 

 

reducer.js

let initialState = {
  user: '',
};

function reducer(state = initialState, action) {
  let { type, payload } = action;
  switch (type) {
    case 'USER_NAME':
      return { ...state, user: payload };
    default:
      return { ...state };
  }
}

export default reducer;

 

화면공유하면서 다같이 해결한거라 오늘 지나기 전에 해결할 수 있어서 다행이었다!