如何处理直接子路由中的数据

Question

我是React和单个应用程序的新手，我对这种方法有疑问。

我正在使用React-router 4.当路由让我说我有一个ToDos组件（myapp.com/todos），在访问时我将ToDos数据提取到类似“myapp.com/api/todos.json”的东西并得到ToDos列表，然后呈现每个ToDo，如果我想去ToDo组件，你显示ToDo细节将是一个像“todos /：todoid”的路线，然后我使用a并转到ToDo细节，这是有效的很好，但是当用户直接访问“todos / 1”时会发生什么？我应该从对应于该特定待办事项的服务器获取数据吗？像“myapp.com/api/todos/1.json”这样的东西？或者我应该加载ToDo组件并获得所有待办事项？

很重要因为我必须服务器渲染路线并将一些道具传递给路线，如开放图形标签。

任何建议或教程或课程都会受到赞赏。提前谢谢！

Answer 1

当用户打开“todos / 1”时，您不需要服务器端呈现。直接，然后渲染ToDo-detail组件并使用onComponentDidMount来获取（＆＃39; api / todos / 1＆＃39;）。