javascript - 如何使用 Redux 访问本地 JSON 文件以在整个 React 应用程序中使用？

Question

我有一个使用 Redux 的 react 应用程序，出于测试目的，我创建了一个本地 JSON 文件，该文件位于我的应用程序中名为 data 的文件夹中。

我正在尝试将该 JSON 数据传递给 Redux，以便我可以访问它，然后使用它来映射并在单独的组件中显示项目，但我不知道如何执行此操作。谁能提供有关如何实现此目的的示例或资源？

Answer 1

赞用户Sreeram在评论中说，您可以直接require或import json文件，之后您将可以像访问任何其他对象一样访问它。

这意味着您可以使用它来初始化您的 reducer 中的状态。

const testData = require('./data/thejson.json');

// use testData as the default argument, which will be used if state is undefined (as it will be when the app starts 
function someReducer(state = testData , action) {
  switch (action.type) {
    // some code here.. 
  }
}