Reactjs 如何使React Redux应用程序与夹具数据一起工作？

如何配置react-redux应用程序使用虚拟数据（装置），直到服务器API就绪？API准备好后，翻转开关，它开始在服务器API上工作，以获取数据，而不是伪数据（json文件）。

您的问题的答案是

initialState

。创建Redux存储时，可以向其传递

initialState

。在

createStore

上

您可以选择将初始状态指定为createStore（）的第二个参数

---

如果您想存储一些固定数据，直到获取要更新的数据时，这里还有一个类似于您的

使用

---

然后使用React Lifecycle方法

componentDidMount（）

获取数据。

一个选项是使用网页作为伪备份。它返回REST请求的伪数据。一旦真正的后端准备就绪，只需更改代码中的端点。

非反应Redux部分：

您需要为您的应用程序创建一个api

从“./fakeData.json”导入fakeData

const api = {
    getTodos: function() {
        return new Promise((resolve, reject) => {
            resolve(fakeData.todos);
        });
    },
    ...
};

通过这种方式，您可以将api方法导入到组件中，并使用方法访问数据。这很好，因为现在组件不关心如何检索数据，只关心通过具有特定签名的方法访问数据

现在，您可以在整个代码中使用该方法，当您拥有后端时，您只需更改api对象上方法的实现

反应重复部分：

如果您想在应用程序中添加state，可以在

createStore

方法中执行此操作；它接受可选的第二个参数，

preload状态

。请阅读官方文件中的相关内容