需要访问redux状态的辅助功能在哪里放置？

Question

在我的React-app初始化时，我从一个API获取设置列表。设置将存储在redux状态。

React应用程序永远不会更改它们。该应用程序仅使用这些值。无论如何，我是否应该将此值置于redux状态？

要使用组件中的设置，我实现了一些帮助器功能。例如，widgetSettingsColor（key），widgetSettingsText（key）等，它们搜索给定的键并返回正确的字段或默认值。

我应该如何以及在何处实施这些助手？还是应该将整个设置（数据+辅助功能）移至Singleton类，而不要将设置移至还原状态？

Answer 1

是的，仅将设置保持在redux状态。那是可用的最佳选择。

我将辅助函数保留在src / helpers中。然后，您可以将这些功能导入单个文件以供使用。

src/helpers

您可以为这些助手创建简单的函数并将其导出。

export const search= () => {} 

Answer 2

您可以将您提到的任何辅助方法定义到任何JS文件中，然后将其导出

return $res;

src/helpers.js

在上面的代码中，import store from './Store'; export const widgetSettingsColor = (key) => { //Access redux store as below const someVar = store.getState().someParticularReducer.someParticularField; // return bla bla } 是定义redux存储的文件，通过导入它，您可以手动访问该存储并从您配置的任何reducer中获取任何值