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