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

Question

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

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

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

任何建议或教程或课程将不胜感激。 提前致谢！

Answer 1

当用户直接打开'todos / 1'，然后渲染ToDo-detail组件并使用onComponentDidMount获取（'api / todos / 1'）时，您不需要服务器端渲染。