Что вы можете сделать для отладки состояния Redux из вашего приложения в рабочей среде, если у вас нет включенных инструментов redux-devtools для рабочей среды.

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

TL;DR

Запустите это в консоли браузера.

Длинная версия

Недавно мне пришлось отлаживать проблему в продакшне, которая мне была нужна для доступа к состоянию Redux, поэтому я наткнулся на это решение, для которого нужно было установить React DevTools в браузере, и это сработало для меня, но потом я задумался как это можно сделать без использования каких-либо расширений.

После небольшого исследования я нашел это решение на Stack Overflow, что привело меня к созданию следующего скрипта:

После запуска этого скрипта все состояния Redux будут доступны внутри переменной stores, и вы сможете получить к ним доступ через [...stores].forEach((store) => store.getState()).

Увидимся в следующем!

Первоначально опубликовано на https://pablo.gg.

Больше контента на plainenglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Получите эксклюзивный доступ к возможностям написания и советам в нашем сообществе Discord.