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

标签 javascript facebook reactjs express react-router-v4

我是 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/

相关文章:

javascript - 如何在 JQuery 中切换选项卡

javascript - 使用两个对象对数组进行排序

facebook - Facebook 的 "Error validating application"的可能原因是什么?

javascript - React 的 reducer 返回与记录值不一致的意外状态

javascript - react 路由器 v6 : get path pattern for current route

javascript - 如何处理 javascript 弹出窗口上的 ESC keydown

javascript - 通过 jquery 事件处理程序传递参数

iPhone Facebook Graph API 库

Facebook 登录消息 : "URL Blocked: This redirect failed because the redirect URI is not whitelisted in the app’ s Client OAuth Settings.“

reactjs - 如何手动打开 Popover(Headless UI)