javascript - 将配置加载到 Redux 应用程序的正确方法

标签 javascript reactjs webpack redux

我需要在我的应用程序启动之前读取 config.json 文件。 此配置包含我的后端服务的 url。它将用于 redux action-creators。

我有两种方法:

  1. 获取 json 并将数据保存到状态中。而不是从州获得网址 转化为反模式
  2. 的行动创造者
  3. 获取json并定义 数据作为全局变量。比我可以从我的访问全局变量 行动创造者。

我该怎么办?

最佳答案

您可以考虑以下解决方案:

  • 从您的配置文件中获取数据并在运行时将其结果保存在名为 config.js 的模块(单例)中
  • 在您的应用程序中导入 config.js(最有可能在您的 api 模块中,您在其中将获取操作委托(delegate)给服务器)。

IMO 这种方法的主要优点是您不会污染全局命名空间,并且可以使用单独的模块保持清洁。 这种方法最适合静态或动态配置。

老实说,不确定您的商店是否是保存配置的正确位置,因为据我所知,它是为维护应用程序的状态树而设计的,因此如果您的配置在某种程度上是动态的,则可以将其视为正确的位置。

关于javascript - 将配置加载到 Redux 应用程序的正确方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43469141/

相关文章:

javascript - 尽管调试器另有说明,为什么该变量不被视为 0?

webpack - 物化 jQuery 函数在 Webpack 应用程序中不起作用

javascript - 遇到 webpack 模块解析问题

css - 如何在 Vue cli 元素中使用 Webpack 包含我公司的全局样式 CDN(供开发使用)?

javascript - 如何将一个数组的所有元素添加到另一个数组中?

reactjs - Ag-grid:无限滚动不起作用

javascript - 是什么导致此网页在加载时向下滚动?

javascript - 需要一些关于使用 React 的动态表单的建议

javascript - 如何围绕中心旋转 HTML5 Canvas 上的图像

javascript - :button selector not working in firefox and ie