게시판 작업을 하면서 일단 redux-toolkit을 제외하고 하느라, App.js에서 state를 선언해서 props로 내려서 사용하고 있었습니다.
const [boardList, setBoardList] = useState("");
getBoardList().then((res) => {
let resMap = res.map((row, i) => ({
key: i,
id: row._id,
no: i + 1,
title: row.title,
content: row.content,
date: row.createdAt.substr(0, 10),
}));
setBoardList(resMap);
});
이런식으로 getBoardList 함수에는 axios, async, await 를 사용하여 MongoDB에 데이터를 불러온 다음
위 코드처럼 담아서 App.js에서 사용했었는데요.
이 state를 App.js->prop 사용하지 않고 이제 redux-toolkit에서 등록 후 사용하고 싶은데,
강의 내용처럼 createSlice로 작업하고 싶은데 어떤식으로 해야될지 모르겠습니다...
강의에서는 initialState 에 기본값을 넣어주었는데 여기에 axios를 사용하는건가 해서 넣어봤더니..
잘못됬는지 에러가 떠서요...
정리해서 궁금한점은 아래 있는 강의 코드처럼 State를 사용하고 싶은데
이 코드를 사용할 때 axios로 데이터를 불러온 값을 사용하고 싶으면 어떻게 해야 되나요??
let boardList = createSlice({
name: "boardList ",
initialState: { name: "kim", age: 20 }, //axios데이터를 넣고 싶어요...
reducers: {
stateChage(state, action) {
state.name = "john kim";
},
},
});
