Chrome Dev Toolsを使用してReduxストアを表示/変更できますか

Question

React Dev ToolsはReduxでの作業に最適です。関連するコンテナへの影響を確認するために、小道具や状態を変更するだけです。

ただし、必要なコンテナがマウントされていない場合は、Reduxストアを直接変更して表示する必要があります。これはChrome Dev Toolsで可能ですか、私はReduxストアを見つけることができます、それはトップレベル<Provider />コンポーネント、私はgetStateメソッドも見ることができますが、とにかく基礎となる状態を変更する方法はありますか？

Answer 1

はい、できます。素晴らしい Redux DevTools Extension Chrome/Firefox/Electronには、devtoolsに新しいReduxタブを追加します：

現在のストアをインポートおよびエクスポートしたり、履歴に戻ったり、必要なものを変更したりできます。