React-devtools для крючков?

Question

Я использую Chrome-расширение activ-devtools.Когда я устанавливаю состояние с помощью хуков (useState) для установки объекта в состояние, фактическая установка состояния, кажется, работает нормально.Однако в devtools этот объект состояния показывает, что Hooks> State имеет контент ({...}), это также означает, что контент доступен.Когда я нажимаю «развернуть» (значок стрелки вниз), ничего не происходит;Я не могу просмотреть записи объекта.Я что-то упустил или devtools не работают с хуками?

Tl: dr Как мне использовать response-devtools для просмотра состояния хуков?

Answer 1

Обновление с React v16.8

React-хуки теперь поддерживаются React DevTools.

• Источник: https://reactjs.org/blog/2019/02/06/react-v16.8.0.html

Answer 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

но, похоже, пройдет немного времени, прежде чем он будет готов к широкому использованию.