0

我是使用 typescript 和 redux-toolkit（主要使用 createSlice、createAsyncThunk）开发应用程序的初学者开发人员。我仍然对如何使用多个数据 API 构建/管理数据感到困惑

例如 ：

域中有 3 个端点。

/products,
/photos,
/info

我根据端点创建了每个切片

productSlice, 
PhotoSlice, 
infoSlice

每个切片都有 reducer、createAsyncThunk、extraReducers，然后组合所有 reducer，如下所示

const rootReducer = combineReducers({
     product: productSlice.reducer,
     photo: photoSlice.reducer,
     info: infoSlice.reducer
});

每个切片都有reducer、createAsyncThunk、extraReducers，然后像下面这样组合所有reducer 实际上我花了很多时间来寻找一种正确的数据结构方式。然后我遇到了其他开发人员在下面所做的代码

const rootReducer = combineReducers({
      getProduct: getProductSlice.reducer,
      createProduct: createProductSlice.reducer,
      updateProduct: updateProductSlice.reducer,
      deleteProduct: deleteProductSlice.reducer,
      getPhotoDetails: getPhotoDetailsSlice.reducer,
      updatePhotoDetails: updatePhotoDetailsSlice.reducer,
      deletePhotoDetails:  deletePhotoDetailsSlice.reducer,
      getInfo: getInfoSlice.reducer,
      createInfo: createInfoSlice.reducer,
      updateInfo: updateInfoSlice.reducer,
      deleteInfo: deleteInfoSlice.reducer,
});

我实际上不确定（他也不是）哪种方式更好地构建 Reducers 和数据？或者，如果您向我展示结构化 reducer 和数据的其他方式或示例，那就太好了。

4

1 回答 1

1

从上一个版本开始，Redux Toolkit 附带RTK Query，它将用一个自动生成的 reducer 替换所有这些 reducer。这可能会帮助您大大减少代码，看看吧。

于 2021-07-15T06:36:54.187 回答