小编sev*_*ops的帖子

Redux Toolkit:从 extraReducers 侦听器分派动作?

我想知道dispatch(someDumbAction())从 extraReducer调用是否可能(或一个好的做法)。

例如,我setData()reducers对象 from 中有一个操作createSlice。我想setData()直接在我的组件中调用。但我也想在extraReducer侦听器中调用它,以便重用 reducer 逻辑,如下所示:

// Thunk Action
export const getData = createAsyncThunk('data/getData', async (params) => {
  return await api.get({ params })
})

// Slice creation
const slice = createSlice({
  name: 'data',
  initialState: [],
  reducers: {
    setData: (state, { payload }) => {
       state.push(payload);
    })
  },
  extraReducers: (builder: any) => {
    builder.addCase(getData.pending, (state) => {
      //...
    })
    builder.addCase(getData.rejected, (state) => {
      //...
    })
    builder.addCase(getData.fulfilled, (state, { …
Run Code Online (Sandbox Code Playgroud)

reactjs redux react-redux redux-toolkit

5
推荐指数
1
解决办法
6465
查看次数

标签 统计

react-redux ×1

reactjs ×1

redux ×1

redux-toolkit ×1