how to make React Redux application work with fixture data?

Question

How to configure react redux application to work with dummy data (fixtures) till the time server API is ready ? Once API are ready flip the switch and it starts working on the server API for fetching data instead of dummy data(json files).

Answer 1

您的问题的答案是initialState。在创建Redux商店时，您可以将initialState传递给它。 createStore上的Here are some docs。

  

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

此处还有stack overflow question与您相似

Answer 2

如果要存储一些固定数据，直到您获取要更新的数据为

使用Initializing State

然后使用React生命周期方法componentDidMount()来获取数据。

Answer 3

一种选择是使用this网页作为假支持。它返回REST请求的虚拟数据。一旦您的真实后端准备就绪，只需更改代码中的端点即可。

Answer 4

非React-Redux部分：

您想要为您的申请制作api。

从＆＃39; ./ fakeData.json＆＃39;;

导入fakeData

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

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

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

React-Redux部分：

如果您希望使用州为应用程序设定种子，可以使用createStore方法执行此操作;它采用可选的第二个参数preloadedState。请阅读官方Initializing State文档中的Redux。