browserHistory.pushは、私はこの（反応-ルータ2.0）を使用して、ルータ上でbrowserHistoryを設定した新しいページ

Question

に移動していませんプログラムでビューから新しいページへのルート、ALAへ：

import { browserHistory } from 'react-router' 

... 

browserHistory.push('/map'); 

これは、/マップのURLを変更しますが、そのルートでコンポーネントをレンダリングしません。私は間違って何をしていますか？

Answer 1

私のコメントで述べたように私はこの同じ問題を抱えていましたが、それを機能させる方法を見つけました。

あなたのルートは変更されていますが、AppLayoutコンポーネントは実際に自動的に状態を更新していません。ルーターは、コンポーネントの状態変更を自動的に強制するようには見えません。基本的には、AppLayoutのthis.state.childrenは新しい子で更新されていません。

私が見つけた解決策（そして完全な開示、これがあなたがこれを達成する方法であるかどうかわからない、またはベストプラクティスである場合）はcomponentWillReceiveProps関数を使用し、this.state.childrenを子供新しい小道具から：

componentWillReceiveProps(nextProps) { 
    this.setState({ 
     children: nextProps.children 
    }); 
} 

希望があります。

Answer 2

ルータがアプリケーションの別のセクションに移動できるようにする別の解決策は、ライフサイクルの方法で更新を強制することなく、コンテキストルータを使用することです。 ）私は（browserHistory.push、を認識していないよ理由（複数可）について

class MyComp extends Component { 
    static contextTypes = { 
    router: PropTypes.object 
    } 

    handleClick =() => { 
    this.context.router.push('/other/route') 
    } 
} 

のために動作しませんでした：あなたが必要なのは（簡潔にするために、ルータのインスタンス化と他のコードを省略）コンポーネントにcontextTypeを宣言することです私は、browserHistory.goBack（）と.goForward（）でした。