はるさめ.dev

React Dev Tools で Suspense 状態の切り替え

に公開

背景

Nextjs でスケルトンスクリーンコンポーネント開発をするために Suspense の状態を切り替えようとしていました。

解決方法

React Dev Tools を使うと Suspense 状態を自由に切り替えができます。

Dev Tools (F12) → Components → Suspense の状態を切り替えたいコンポーネントを選択 → 右上の時計マークをクリック

Dev Tools の Components タブを開いて Suspense 状態を切り替えたいコンポーネントを選択して右上に時計マークが表示されている。時計マークは赤い円で囲まれていて強調している

コメント