2016-08-09 6 views
0

私は自分のコンポーネント "メッセージ"を持っていて、2つの異なるURLを使って呼び出しています。最初のリンクをクリックすると 'messages/1'と言うメッセージが届きます。このコンポーネントは上記のurl.whenと同じですが、 'messages/1' urlを使用して読み込まれ、 'messages/5/1'を指すフィールドをクリックしたときにヘッダーのURLが変更されますが、ページを再読み込みします。 同じコンポーネントを持っているにもかかわらず、異なるURLがあるときはいつでもコンポーネントをリロードしたいです。これを行う方法はありますか?異なるURLで同じコンポーネントをリロードできますか?

+0

からRECT-ルータのリフレッシュ方法

を試してみて、使用することができますか?小道具が反応を変更すると、コンポーネント – Deadfish

答えて

0

同じコンポーネントを別々のURLで読み込むことができます。すべて読み込みがうまくいくはずです。パスの小道具を変更して、コンポーネントの下部にある同じコンポーネントを追加してください。

render((
    <Router> 
    <Route path="/" component={App}> 
     <Route path="about" component={About} /> 
     <Route path="inbox" component={Message}> 
     <Route path="messages/:id" component={Message} /> 
     </Route> 
    </Route> 
    </Router> 
), document.body) 

編集: あなたはあなたのコードを共有することができhttps://github.com/reactjs/react-router/blob/v0.13.3/modules/createRouter.js#L435-L437

refresh: function() { 
     Router.dispatch(location.getCurrentPath(), null); 
     }, 
+0

がページを再ロードせずに再描画されます.iはネットワークタブでそれを見ることができます。 –

+0

反応にはリフレッシュ方法があります。これを使って試してみました。答えは –

+0

です。このメソッドはどこで呼び出すべきですか? –

関連する問題