Как отслеживать события React при отладке

Question

Как я могу проверить, какие события React запускаются в определенных ситуациях?

Я разрабатываю компонент реакции, который использует Ag-сетку для внутреннего реагирования. Ag Grid React имеет такие события, как rowDataChanged, rowDataUpdated, Во время отладки мне интересно знать, какие события Ag Grid запускаются.

Возможно ли это в Chrome? Или есть другой инструмент, чтобы проверить это?

Answer 1

1. Нажмите F12, чтобы открыть Инструменты разработчика.
2. Перейдите на вкладку "Источники".
3. Справа прокрутите вниз до "Точки останова прослушивателя событий" и разверните дерево.
4. Щелкните по событиям, которые вы хотите прослушать.
5. Взаимодействуйте с целевым элементом, если они сработают, вы получите точку останова в отладчике

Answer 2

Попробуйте консоль регистрации событий.

rowDataChanged={(e) => console.log(e, "rowDataChanged")}

В React есть несколько инструментов для разработчиков, которые могут оказаться полезными для вас.

https://github.com/facebook/react-devtools