異なるルート間で反応成分を再利用する

Question

編集ページと作成ページが同じコンポーネントを共有する状況に遭遇しました。ルータは以下のようになります。

<Route path="/" component={AdrApp}> 
      <IndexRoute component={ManageDrugPage}/> 
      <Route path="cdicms-adr-ui" component={HomePage}/> 
      <Route path="create-adr" component={ManageADRTermPage}/> 
      <Route path="manage-adr/:id" component={ManageADRTermPage}/> 

我々は「ManageADRTermPage」成分「が作成-ADR」をルートと「管理-ADR」経路で使用される上記参照のように。

この問題は、反応起動ストラップを使用して実装されたドロップダウンコンポーネントがあることです。

ユーザーが編集ページにあり、ユーザーが作成ページを選択すると、ページは移行していません。編集ページがそのまま表示されます。 'create'ドロップダウンがクリックされたときにthis.history.pushState（null、 '/ create-adr'）を実行します。

どうすればこの問題を回避できますか？

Answer 1

簡単な回避策は、ManageADRTermPageコンポーネントのラッパーである単純なCreateADRTermPageコンポーネントを使用することです。

または、ManageADRTermPageコンポーネントをEditADRTermに変更し、CreateADRTermPageとManageADRTermPageの両方を単純なラッパーにします。