Redux

TypeScript で react-router + Redux を使う(mapStateToProps編)

react-router と Redux を組み合わせるときは、withRouter を使うことでコンポーネントに history や location (URLパスやクエリ) などを渡すことができる。 それを Redux の mapStateToProps でゴニョゴニョすることでURLパスやクエリとStoreのデータを組み…

Redux & flow-typed で mapStateToProps に型を付ける

メモ。 Reduxで開発中、 flow-typedを導入し、チェックしたところ下記のエラーが。 export default connect(mapStateToProps)(Metadata); ^^^^^^^^^^^^^^^^^^^^^^^^ function call. Could not decide which case to select MapStateToProps のtypeが用意され…

Redux で State をリセットする

ログアウトしたときなどに、ReduxのStateをまっさらにリセットしたいことがある。 そういう場合は下記のように、rootReducer内でログアウトactionを拾ってからReducerを更新する。 なお、一部のstateだけはリセットしたくない場合は、そのstateだけ残せばよ…