React Redux Toolkit createSyncthunk不给任何回报

Question

我正在使用Redux Toolkit的createAsyncthunk和axios用于异步请求。首先，它有效，但是当我使用SCSS进行STH时，Chrome给我typeerror：无法读取未定义的属性（读取'Map'）。我没有改变有关Redux和Thunk的任何内容，但使用Elelector一无所获。另外，界面（起作用）没有给出任何响应。

thunk和slice：

export const getTopBanners = createAsyncThunk(
    'home/getTopBanners',
    async ()=>{
        console.log('hello?');
        const response = await axiosGetTopBanner();
        console.log('res:'+response);
        return response.banners
    }
)

export const topBannerSlice = createSlice({
    name:'topBanner',
    initialState:{
        pics:[],
        isLoading:false
    },
    extraReducers:{
        [getTopBanners.pending]:(state)=>{
            state.isLoading = true;
        },
        [getTopBanners.fulfilled]:(state,action)=>{
            state.pics = action.payload;
            state.isLoading = false;
        },
        [getTopBanners.rejected]:(state)=>{
            state.isLoading = false;
        }
    }
})

组件：

const dispatch = useDispatch();
//gets nothing here
const topBanners = useSelector((state) => state.topBanner.pics);
useEffect(() => {
    dispatch(getTopBanners());
  }, [dispatch]);

商店：

const store = configureStore({
  reducer:{
    topBanner:topBannerReducer,
    recommendData:recommendDataReducer
  }
})

Answer 1

extraReducers: (builder) => {
    builder
      .addCase(getTopBanners.fulfilled, (state, action) => {
            state.pics = action.payload; 
      });
}