2017-09-21 1 views
1

저는 ImmutableJS으로 작업하기 시작했으며 일반적으로 정말 마음에 들어요.DevTools의 ImmutableJS 개체 검사

그러나 DevTools에서 ImmutableJS 개체를 보는 중요한 거래 차단기가 있습니다 (예 : List). 목록 항목 대신 List 생성자가 표시됩니다. 다음은 그 예이다 : 그들은 검사 할 수 있도록

enter image description here

가 이상적으로, List의 요소가 표시됩니다.

DevTools에서 변경 불가능한 객체를 보려면 toArray()과 같은 ImmutableJS 메서드를 사용하는 방법 외에 다른 방법이 있습니까?

+0

네,하지만 내가 좋아하는 방법을 사용하는 것을 피하기 위해 노력하고있어 'toJSON()','toArray()','toObject()'등등. 이상적으로는 ImmutableJS 변수를 감시하는 중단 점도 작동합니다. 그러나 현재 그것은'List' 생성자를 생성 할 것입니다. –

답변

3

원하는 것을 수행하는 Chrome extension이 있습니다. 그것은 GitHub의에도 사용할 수 : https://github.com/andrewdavey/immutable-devtools

을 본질적으로, 그것은이 변 :에

Before

을 :

After

+0

오늘 나는 이걸 보았다. 그것은 독립 실행 형 확장 기능으로 작동합니까, 아니면'npm' 패키지도 설치해야합니까? –

+1

독립 실행 형 확장 프로그램으로 작동합니다. 하지만 https://github.com/mattzeunert/immutable-object-formatter-extension에 지정된대로 "사용자 정의 포매터 사용"을 선택했는지 확인하십시오. – Wazner