redux-toolkit ajax통신

게시판 작업을 하면서 일단 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"; 
    },
  },
});