안녕하십니까 선생님 선생님 강의 듣고 Redux를 사용중입니다.
slice 코드는 이렇습니다
import {PayloadAction, createSlice} from '@reduxjs/toolkit';
interface LoginMember {
username : string;
email : string;
error:string;
}
type LoginMemberState = LoginMember;
const initialState: LoginMemberState = {
username: '',
email: '',
error:'',
};
const MemberTransactionSlice = createSlice({
name: 'transaction',
initialState,
reducers: {
// 새로운 거래 정보를 배열에 추가하는 액션
updateMemberTransaction: (state, action: PayloadAction<LoginMember>) => {
state.username = action.payload.username;
console.log(action.payload.username)
console.log("이름저장")
state.email = action.payload.email;
state.error = action.payload.error;
},
},
});
export const { updateMemberTransaction } = MemberTransactionSlice.actions;
export default MemberTransactionSlice;
payload까지는 데이터가 넘어오긴합니다. 하지만 다른 컴포넌트에서 출력하면 빈공백만 출력됩니다.
payload로 넘어가는 과정은 useEffect를 사용하는데 axios로 유저정보를 넘기는 API를 호출합니다. 성공하면
then으로 useState에 저장도 하고 dispatch로 Payload까지 넘어갑니다..
왜 다른 컴포넌트에서 출력이 안돼는지 도무지 모르겠습니다 ㅠ.ㅠ
