我如何在 React 中使用配置文件？

Question

假设我有 5 个 jsx 文件，每个文件都使用一些配置参数。我的 index.js 文件导入了所有这 5 个 jsx 文件。

有没有办法让我的 jsx 文件从已从配置文件加载数据的全局 JS 对象获取数据，而不是让我的配置数据分布在 5 个文件中？

我看过一些示例，但无法让它们发挥作用。

JS6导入函数 | 使用 webpack 的例子

原文由 Steven 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

假设 ES6：

 config.js

export const myConfig = { importantData: '', apiUrl: '', ... };

然后：

 jsxFileOne.js, jsxFileTwo.js, ...

import { myConfig } from 'config.js';

还有其他方法可以利用 webpack 在全球范围内导入和导出内容，但这应该可以帮助您入门。

原文由 Bryan Fillmer 发布，翻译遵循 CC BY-SA 3.0 许可协议