開発コンソールからReactの内部情報を得

のinspectorでDOMを選択して右クリックメニューを開いて、

3. propertiesを開いてお目当ての情報を探す

このページを書くまで気づかなかったのだが、Firefoxとは違ってひと手間かける必要がある

そのままコンソールに流しても、DOMしか読めない

2. 開発コンソールに流れた変数を

一旦propertiesをばらして再び構築している

この方法だと追加されたpropertiesのみが表示される

DOMの情報もまとめて見たい(Firefoxでの挙動にしたい)ときは以下を使う

(() =>{
  const restructured = {};  
  for (const key in temp0) {
    restructured[key] = temp0[key];
  }
  return restructured;
})();

3. あとはお目当ての情報を探すだけ