私のパスview
が、私は2つのコンポーネントprofilePage
`react-router`に重複したコンポーネントがありますか?
答えて
ReduxをReact-Routerアプリに接続すると、同じ問題が発生しました。
あなたは私にあなたの全体のルーティングを入れていないので、デフォルトのようなものをやっていると仮定しなければならない、それは次のようになりリアクト・ルータのチュートリアルでルーティング提案:「あなたの場合は
<Router history={browserHistory}>
<Route path="/" component={App} >
<IndexRoute component={IndexPage} />
<Route path="profile" component={ProfilePage} >
<Route path="edit(/:profileId)" component={EditProfile} />
<Route path="add(/:profileId)" component={AddProfile} />
<Route path="view/:profileId" component={ProfilePage}/>
</Route>
</Route>
<Router />
を同様の構造を使用して、このようなコンテナコンポーネント「アプリケーション」にReact.cloneElementを()を使用しているRE:
{React.cloneElement(this.props.children, this.props)}
あなたはそれがすべての子として「ProfilePage」をクローニングだとしてネストを削減する必要があります子供たちも。
<Router history={browserHistory}>
<Route path="/" component={App} >
<IndexRoute component={IndexPage} />
</Route>
<Route path="/profile" component={ProfilePage} >
<Route path="edit(/:profileId)" component={EditProfile} />
<Route path="add(/:profileId)" component={AddProfile} />
<Route path="view/:profileId" component={ProfilePage}/>
</Route>
<Router />
'App'以外の経路の子がない場合は、おそらく 'IndexPage'コンポーネントを削除することができます。
...これを入力した後、私はあなたのモーダルとのあなたの小さな画像のリンクを見ました。私はこれがまだあなたの問題だと信じています。 React.cloneElementを使用して親にルートを深く入れ子にすることは、これを引き起こす可能性があります。 cloneElementではなくcreateElementを使用すると、参照の問題を避けることができます。ここでそれを見てみましょう:Create Elementもう一つの選択肢は、プロップをマップするためのドキュメントでも同様にcreateComponentです。私はまだそれを試していない。
おそらくIndexRoute
をしたいを参照してください場合、私は
<Route path="profile" component={ProfilePage} >
<Route path="edit(/:profileId)" component={EditProfile} />
<Route path="add(/:profileId)" component={AddProfile} />
<Route path="view/:profileId" component={ProfilePage}/>
</Route>
私の問題をが何をしています。
<Route path="profile">
<IndexRoute component={ProfilePath} />
<Route path="edit(/:profileId)" component={EditProfile} />
<Route path="add(/:profileId)" component={AddProfile} />
<Route path="view/:profileId" component={ProfilePage}/>
</Route>
モーダルウィンドウプロファイルを開いているときに、私はそうでなければならない( 'view'または' profile'(現在)) [リンク](http://prntscr.com/c1ce7p) ありがとう –
http: /prntscr.com/c1ce7p –
私はあなたのコメントを理解していません。あなたのリンクから、私の答えがうまくいくと思います。まだ助けが必要な場合は、質問を更新してください。 – Jack
- 1. Mysql:重複した列の一部に重複の更新があります。
- 2. std :: vectorに重複があります
- 3. コントローラに重複コードがあります
- 4. htmlunit-driver 2.26には重複したポームがあります
- 5. 重複した値と重複しているselectAllはD3にあります
- 6. JSF:コンポーネントIDが既にビュー内に見つかりました。複合コンポーネントの二重挿入時のエラー
- 7. コンマが重複していることはありますか?
- 8. Material-UIコンポーネントとreactJSコンポーネントは常に重複します
- 9. Firebase:重複したエントリがありません(Android)
- 10. 角2コンポーネント名が重複
- 11. ブール注釈により重複が発生しましたか?
- 12. コンポーネントの角2の重複したサブスクリプション
- 13. セットに重複要素がありますか?
- 14. スキップリストに重複要素がありますか?
- 15. mapreduceプログラムの出力に重複がありますか?
- 16. 複数の列にSQL重複値があります
- 17. 重複した電子メールアドレスを保存する必要がありますか?
- 18. CoreDataに重複している名前はありますか?
- 19. テーブル内に重複が見つかりました
- 20. データテーブルに重複が見つかりました
- 21. JSFフォームの動的レイアウトでjava.lang.IllegalStateExceptionが発生する:重複IDが "j_id142"のコンポーネントが見つかりました
- 22. JavaFX:ダイアログ内のTableViewに重複した項目があります
- 23. Entity FrameworkのConnectionStringが重複したテーブルを持つApp Configにあります
- 24. Angular ngRepeat:重複エラー(重複するキーはありません)
- 25. php/javascript複数のリストボックスに重複データがありません
- 26. JUnitテストは重複する必要がありますか?
- 27. Java重複クラスエラー - 繰り返しクラスがありません
- 28. PostgreSQLで重複したインデックスを持つことに害はありますか?
- 29. アンドロイド:ProGuardエラー、4つの重複したクラス定義がありました
- 30. oplogを適用しましたが重複キーエラーが見つかりました
あなたの質問に 'ProfilePage.jsx'を含めてください。 – Deadfish