Компонент отладки реквизита - реагировать на редукцию - дочерний компонент получает не заданные значения

Question

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

{"compare":null,"displayName":"Connect(Tag)"}

Это не задано нигде в системе, и это приводит к ошибке.

Мои вопросы: «Как определить или отладить, какие значения поступают в качестве реквизита в компонент из другого компонента?»

Answer 1

Попробуйте установить React dev tools. У них есть дерево реакции, в котором вы можете увидеть, откуда пришел компонент: https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en

Кроме того, отличным инструментом для отладки приложений-редукторов является промежуточное программное обеспечение redux-logger, где вы можете увидеть все действия, которые были отправлены и отслеживают все изменения состояния: https://github.com/LogRocket/redux-logger (это очень легко настроить)

Надеюсь, это поможет.