ページ遷移時にAPIを叩いてデータを読み込む with react-router-redux 4.0.0 - ryhmrt’s blog

react-router-redux を 4.0.0 にしたらメソッド名とか中の処理とかけっこう変わってました。 前に書いたURLのフック処理がいろいろ駄目になっていたので、4.0.0でどんな処理になっているのか、ざっと追って、新しくコードを書き直してみました。 react-router-redux が何をやっているのか 最新の 4.0.0 では react-router-redux がラッピングした history オブジェクトを React Router に渡すようになっています。 このラッピングされた history は listen イベント登録が書き換えられており、store に格納されているURLが変更されると、その情報をパラメータに listener がトリガーされるようになっています。 流れを3ステップで説明すると以下のようになります。 オリジナルの history のUR