2017-05-10 18 views
1

私はリアクションとシングルアプリで新しいですが、私はこのアプローチで質問があります。直接子供ルートのデータを扱う方法

私はReact-routerを使用しています。ルーティングをするとToDosコンポーネント(myapp.com/todos)があり、訪問時にToDosデータを "myapp.com/api/todos.json"のようなものにフェッチし、 ToDosのリストを取得してからToDoをすべてレンダリングして、ToDoの詳細を示すToDoコンポーネントのようなものに行きたい場合は、 "todos /:todoid"のようなルートになります。次に、ToDoディテールに移動します。ユーザーは "todos/1"を直接訪問するとどうなりますか?特定のtodoに対応するサーバーからデータを取得する必要がありますか? "myapp.com/api/todos/1.json"のようなもの? ToDoコンポーネントを読み込んですべてのToDoを取得する必要がありますか?その後、私はルートをレンダリングサーバに持っているとオープングラフタグのようなルートにいくつかの小道具を渡すため

が重要です。

アドバイスやチュートリアルやコースがあれば幸いです。前もって感謝します!

答えて

0

ユーザが 'todos/1'を直接開き、ToDo-detailコンポーネントをレンダリングし、onComponentDidMountを使用して( 'api/todos/1')フェッチする必要はありません。

+0

私はオープングラフタグ(および他のいくつかのSEOの小道具)をレンダリングする必要があるので、私は、サーバー側のレンダリングを使用する必要があり、そうでない場合はFacebookのようなクローラは、メタデータをフェッチしませんので、私はデータをフェッチするためにonComponentDidMountを使用することはできません – Bastiano

関連する問題