ピックアップ

ReactのStateをChromeで確認する方法

Reactの開発をするときに、

Stateの値を確認する方法として、

Chromeを活用するのが便利。

この記事では、

その方法をメモとして残しておく。

React Developer Toolsの導入

Chromeの拡張ツールで、

「React Developer Tools」

というのがあるので、

そちらをChromeから追加する

React Developer Toolsの使い方

Chomeの拡張機能として追加したら、

検証ツールに、

このように表示されるので、

「Components」

を選んで表示させて、

コンポーネントが階層になっているので、

自分が確認しようとしているページを選ぶ。

すると

このように、

そのコンポーネントで表示に使われているStateが、

表示され確認することができます。

ピックアップ

おすすめ書籍

コメント一覧

コメントはまだありません。

コメント送信

コメントを残す

広告

おすすめ記事