Как использовать Redux Promise Middleware с кусочками в Redux Toolkit? - PullRequest
Новая
       73

Как использовать Redux Promise Middleware с кусочками в Redux Toolkit?

0 голосов
/ 04 мая 2020

Я использую функцию slices Redux Toolkit. Как вы, возможно, знаете, один срез возвращает action для каждого созданного reducer.

Я хочу использовать библиотеку redux-promise-middleware, которая для данного ACTION_TYPE создает три возможных новых действия: ACTION_TYPE_FETCHING, ACTION_TYPE_FULFILLED и ACTION_TYPE_REJECTED. Как мне справиться с этим с точки зрения slices?

1 Ответ

1 голос
/ 05 мая 2020

Вам необходимо добавить ожидаемые типы действий в раздел extraReducers в createSlice, например: 

// 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) => {}
  }
})
...