Запретить отображение магазина в инструментах разработки Redux

#redux #react-redux

Вопрос:

Я использую инструменты разработки Chrome Redux, чтобы помочь отладить магазин Redux моего приложения react. Я добавил новую зависимость react-beautiful-dnd , которая , по-видимому, использует redux, потому что теперь вместо моего единственного магазина, отображаемого в инструментах разработки Chrome Redux, я также вижу магазины для React Beautiful dnd.

Я бы предпочел вообще их не видеть, потому что теперь каждый раз, когда я хочу зайти в свой магазин, мне приходится вручную выбирать его из списка.

Является ли их в любом случае react-beautiful-dnd зависимостью в моем проекте, но не позволяет ей отображаться в инструментах разработки Chrome Redux?

Возможно, есть какой-то конфигурационный файл, который управляет видимостью магазина? Или параметр в инструментах разработки Redux, который определяет, какие хранилища видны?

Как в настоящее время выглядят инструменты разработки Chrome Redux для меня: введите описание изображения здесь

Ответ №1:

Оказывается, вы можете сделать это, конечно, с помощью EasyPeasy, что, я полагаю, означает, что вы могли бы сделать это с помощью Redux. EasyPeasy предоставляет devTools поддержку для EasyPeasyConfig :

 const store = createStore(model, {devTools: false});
store.addModel('todos', {
  items: ['Buy shoes'],
});
store.getState().todos.items; // ["Buy shoes"]

 

В соответствии с документами конфигурации магазина, если process.env.NODE_ENV !== 'production' затем по умолчанию devTools = true .

Магазин больше не появится, если devTools = false .

Но я все еще не уверен, как отключить магазин, который находится в зависимости.