Где разместить вспомогательные функции, которым нужен доступ к избыточному состоянию?

Question

При инициализации моего React-приложения я получаю список настроек из API.Настройки сохраняются в избыточном состоянии.

Они никогда не будут изменены приложением React.Приложение просто потребляет значения.Должен ли я в любом случае поместить эти значения в избыточное состояние?

Чтобы использовать настройки в моих компонентах, я реализовал несколько вспомогательных функций.Например, widgetSettingsColor (ключ), widgetSettingsText (ключ) и т. Д., Которые ищут данный ключ и возвращают правильное поле или значение по умолчанию.

Как и где я должен реализовать эти помощники?Или я должен переместить все настройки (данные + вспомогательные функции) в класс Singleton и не переводить настройки в состояние приращения?

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 - это файл, в котором вы определили свое хранилище редуксови, импортировав его, вы можете получить доступ к хранилищу вручную и получить любое значение из любого настроенного вами редуктора

Answer 2

Да, сохраняя настройки только в избыточном состоянии. это лучший доступный вариант.

Я сохраняю вспомогательные функции в src / helpers. Затем вы можете импортировать эти функции в отдельный файл для использования.

src/helpers

Вы можете создавать простые функции для этих помощников и экспортировать их.

export const search= () => {}