React-devtools для крючков?
Я использую Chrome-расширение response-devtools. Когда я устанавливаю состояние с помощью хуков (useState) для установки объекта в состояние, фактическая установка состояния, кажется, работает нормально. Однако в devtools этот объект состояния показывает, что Hooks > State имеет контент ({...}), это также означает, что контент доступен. Когда я нажимаю "развернуть" (значок стрелки вниз), ничего не происходит; Я не могу просмотреть записи объекта. Я что-то упустил или devtools не работают с хуками?
Tl: dr. Как использовать response-devtools для просмотра состояния Hooks?
2 ответа
Я вижу то же самое, хотя проблема только с объектами. Примитивные ценности в состоянии, кажется, обнаруживаются хорошо.
Это было зарегистрировано как проблема 3 недели назад: https://github.com/facebook/react-devtools/issues/1282
Я удивлен, что это еще не было решено, но я подозреваю, что это будет исправлено в ближайшее время, когда крючки выпущены.
Я также видел в твиттере, что Брайан Вон работал над переписыванием React devtools:
- https://twitter.com/brian_d_vaughn/status/1093962235116810240
- https://github.com/bvaughn/react-devtools-experimental
но, похоже, пройдет еще немного времени, прежде чем он будет готов к широкому использованию.
Обновление с React v16.8
React Hooks теперь поддерживаются React DevTools.