React Router - クエリ文字列から状態を構築する

Question

入力された検索語句とその後に選択されたフィルタに基づいてURLが構築される検索アプリケーションを構築する。私は検索用語と選択に基づいて、パスではなく、クエリ文字列を更新しています。 （例：/？term = movies & selections = action、adventure）アクションクリエイターのbrowserHistory.push（）を使用して、これらの変更を手動でクエリ文字列にプッシュしています。私は、これらの更新に対応してアプリケーション状態を水和させるための適切なパターンがわからない。

最初の状態をレンダリングするために、最初のレンダリング時にcomponentWillMount（）のクエリ文字列パラメータをチェックすることができますが、ブラウザの戻る/進むボタンが使用されているときには、状態。

Iが反応の上に以下のモジュールを使用しています： 反応-Reduxの を反応させ、ルータ

アドバイスは感謝感謝反応 - ルータ - Reduxの を。

Answer 1

componentWillReceivePropsコールバックでクエリを確認する必要があります。このようなもの：

componentWillReceiveProps(nextProps) { 
    if (!_.isEqual(this.props.location.query, nextProps.location.query) { 
    this.fetchDataFromServer(nextProps.location.query); 
    } 
}