13、SportsStore 应用的 REST 与分页功能实现

SportsStore 应用的 REST 与分页功能实现

1. 数据存储中间件的添加

在数据处理过程中，为了处理异步操作，我们需要添加中间件到数据存储中。以下是在 DataStore.js 文件中添加中间件的代码：

import { createStore, applyMiddleware } from "redux";
import { ShopReducer } from "./ShopReducer";
import { CartReducer } from "./CartReducer";
import { CommonReducer } from "./CommonReducer";
import { asyncActions } from "./AsyncMiddleware";
export const SportsStoreDataStore
    = createStore(CommonReducer(ShopReducer, CartReducer),
        applyMiddleware(asyncActions));

这里使用 applyMiddleware 来包装中间件，使其能够接收动作，并将结果作为参数传递给 createStore 函数，从而创建数据存储。这样， asyncActions 函数就可以检查发送到数据存储的所有动作，并无缝处理具有 Promise 负载的动作。

2. 动作