放置帮助程序函数的位置，这些函数需要访问 redux 状态

Question

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

它们永远不会被 React-app 改变。应用仅使用值。无论如何，我应该将此值置于 redux 状态吗？

为了使用组件中的设置，我实现了几个帮助程序函数。例如widgetSettingsColor（key），widgetSettingsText（key）等，它们搜索给定的键并返回正确的字段或默认值。

我应该如何以及在何处实现这些帮助程序？还是应该将整个设置（数据 + 帮助程序函数）移动到单例类，而不将设置移动到 redux 状态？

Answer 1

您可以将提到的任何帮助程序方法定义到任何 JS 文件中，并将它们导出

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
}

从上面的代码中，Store是您定义 redux 存储的文件，通过导入它，您可以手动访问存储并从您配置的任何化简器中获取任何值

Answer 2

是的，

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

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

src/helpers

您可以为这些帮助程序创建简单的函数并导出它们。

export const search= () => {}