Redux工具包在一个片上实现多个AsyncThunk

zdwk9cvp  于 2022-11-12  发布在  其他
关注(0)|答案(1)|浏览(125)

在一个片上管理多个AsyncThunk的最好方法是什么?如果我把每个异步操作的计算属性放在一起,正确吗?

export const register = createAsyncThunk('user/register', async (payload, { rejectWithValue }) => {

})

export const login = createAsyncThunk('user/login', async (payload, { rejectWithValue }) => {

})

export const userSlice = createSlice({
    name: "user",
    initialState: { currentUser: "", },
    extraReducers: {
        [register.pending]: (state) => {
        },
        [register.fulfilled]: (state) => {
        },
        [register.rejected]: (state) => {
        },

        [login.pending]: (state) => {
        },
        [login.fulfilled]: (state) => {
        },
        [login.rejected]: (state) => {
        },
    }
});
w7t8yxp5

w7t8yxp51#

不确定这是否是您要查找的答案,但根据文档,它似乎是正确的:https://redux-toolkit.js.org/api/createreducer#usage-with-the-map-object-notation

相关问题