使用Redux存储更新帮助文件

Question

我有一个Colors.js文件，其中包含一些变量，例如：

const textColor = 'white';
const primaryColor = 'blue';

然后我在组件样式中导入此文件并使用它：

import Colors from './Colors';
const styles = {
    component: { color: Colors.textColor }
}

现在我想把这个Colors.js文件连接到我的redux商店;所以我可以主题我的应用程序。例如，将我的Colors.js文件包装在connect函数中，但是，这不起作用，因为在初始化存储之前调用Colors.js。

我也试过getState（）并手动导入商店，但我没有收到任何道具。

我可以采取不同的方法吗？

谢谢。

Answer 1

将colors.js变为reducer并将其设置为。在reducer中，将initialState设置为所需的默认颜色，并导出该initialState对象，以便将其导入其他文件中。现在您可以导入该initialState并在应用程序中的任何位置使用它，这将是常量，并且您还将在redux存储中具有相同的颜色对象，您可以将其连接到您拥有的任何组件并使用和操作它，使用redux动作。