如何在 Redux 工具包中將 Redux Promise 中間件與切片一起使用？

Question

我正在使用 Redux Toolkit 的slices功能。 你可能知道，一個切片為每個創建的reducer返回一個action 。

我想使用redux-promise-middleware庫，對於給定的ACTION_TYPE ，它會創建三個可能的新操作： ACTION_TYPE_FETCHING 、 ACTION_TYPE_FULFILLED和ACTION_TYPE_REJECTED 。 從slices的角度來看，我該如何處理？

Answer 1

您需要將預期的操作類型添加到createSlice的extraReducers部分，例如：

// could use a predefined action constant if desired:
const actionFetching = "ACTION_TYPE_FETCHING"

const usersSlice = createSlice({
  name: "users",
  initialState,
  reducers: {
    // specific case reducers here
  },
  extraReducers: {
    // could use computed key syntax with a separate type constant
    [actionFetching ]: (state, action) => {}
    // or the actual field name directly matching the type string
    ACTION_TYPE_FULFILLED: (state, action) => {}
  }
})