2017-02-01 23 views
0

鉄のルータとリアクタの使用方法を知りたいのですが。理由は、私がReactとReact Routerを既存のプロジェクトに使用し始めたからです。ここで流星の使用鉄道のルータとのリアクタのルータ

は、私が現在やっているものです:

  • テンプレート内のアプリを反応させるのレンダリング、Template#onRenderedを使用して鉄ルータ
  • を使用してブレイズテンプレートをレンダリングします。

routes.js

Router.route('/admin/:tab1?/:tab2?/:tab3?/:tab4?', function() { 
    this.layout('admin'); 
}); 

admin.html

<template name="admin"> 
    <div id="admin-wrapper"></div> 
</template> 

admin.js

Template.admin.onRendered(function() { 
    render((
    <Router> 
     ... 
    </Router> 
), this.find('#admin-wrapper')); 
}); 

しかし問題は、ReactアプリケーションがURLの変更に応じてコンポーネントを再描画しないことです。更新されたページを表示するには、ブラウザでページ全体を更新する必要があります。任意のアイデア、または代替アプローチ?

答えて

0

2つのルータは異なる状態をwindow.historyにプッシュするため、互換性がありません。

解決策は、memoryHistoryを使用してReact Routerで経路を設定することです。次に、window.history.pushStateに聞き取り、新しいURLをmemoryHistoryにプッシュします。

関連する問題