Проверка объектов ImmutableJS в DevTools

Question

Проверка объектов ImmutableJS в DevTools

1

Я начал работать с ImmutableJS и вообще, очень нравится.

Но там один крупный разбойник - просмотр объектов ImmutableJS в DevTools, например List, отображает конструктор List вместо элементов List. Вот пример:

В идеале элементы List будут показаны, чтобы их можно было проверить.

Есть ли способ, кроме использования методов toArray() таких как toArray(), для просмотра объектов Immutable в DevTools?

Brett DeWoody 21 сен. 2017, в 14:53

Источник

0

Да, но я стараюсь избегать использования таких методов, как toJSON() , toArray() , toObject() и т. Д. В идеале точка останова с Watch для переменной toObject() тоже будет работать. Но в настоящее время это также приведет к созданию конструктора List .
Brett DeWoody 21 сен. 2017, в 12:33

Теги:

javascript

google-chrome-devtools

immutable.js

1 ответ

Ещё вопросы

Да, но я стараюсь избегать использования таких методов, как toJSON() , toArray() , toObject() и т. Д. В идеале точка останова с Watch для переменной toObject() тоже будет работать. Но в настоящее время это также приведет к созданию конструктора List .

Wazner · Accepted Answer · 2017-09-21T10-19-00.000Z

Там расширение Chrome, которое делает то, что вы хотите. Он также доступен на GitHub: https://github.com/andrewdavey/immutable-devtools

По существу, это делает следующее:

в:

Я видел это ранее сегодня. Работает ли это как отдельное расширение или требует, чтобы также был установлен пакет npm ?
Это работает как отдельное расширение. Но убедитесь, что вы отметили «Включить пользовательские форматеры», как указано в github.com/mattzeunert/immutable-object-formatter-extension