我是 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 组件并获取所有待办事项?
这很重要,因为然后我必须在服务器上渲染路线并将一些 Prop 传递给路线,例如开放图标签。
任何建议、教程或类(class)将不胜感激。提前致谢!
最佳答案
不需要服务端渲染,当用户直接打开 'todos/1' 时,渲染 ToDo-detail 组件并使用 onComponentDidMount 来 fetch('api/todos/1')。
关于javascript - 如何处理直接子路由中的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43897621/