Javascript fetch API in react-flux
Javascript fetch API in react-flux
我正在研究@Dan Abramov的通量反应路由器示例,我注意到这里的Fetch API代码: 获取 API 有一个返回承诺,其中包含嵌套的返回:
return fetch(url).then(response =>
response.json().then(json => {
const camelizedJson = camelizeKeys(json);
const nextPageUrl = getNextPageUrl(response) || undefined;
return {
...normalize(camelizedJson, schema),
nextPageUrl
};
})
);
我对这个嵌套返回感到困惑,为什么在这里使用它?为什么不直接返回 response.json()?
似乎如果我做同样的事情,我会得到一个未定义的值
从响应中检索的 json 是
- 使用驼峰转换为骆驼箱
- 使用规范化进行非嵌套,以便与 Redux 存储结合使用时更容易处理
- 使用从
link
标头解析的下一页 URL 进行扩充
关于为什么在存储中存储嵌套响应对象通常是一个坏主意的更多讨论和推理可以在 React JS Google Group 中找到。
相关文章:
- React/flux - 子组件用户事件 - 是否应通过调度程序路由所有内容
- 如何处理 React / Flux 组件中的状态转换
- 直接使用 React Router + React + Flux 路由到 URL
- React ReRender in Redux
- React + Flux:将初始状态引入存储
- React-Flux: Error with AppDispatcher.register
- Javascript fetch API in react-flux
- 在 React + Flux 中从子项更新应用程序状态
- React Flux 存储和硬刷新
- 异步处理不影响 React+Flux 中视图的数据
- 双向数据绑定(Angular)与单向数据流(React/Flux)
- React+Flux-如何避免全局变量
- 使用 react Flux 架构通过 AJAX 发送数据
- React/Flux通过登录流处理权限敏感操作的方式
- React+Flux数据错误会产生小吃条通知
- 如何使用react/flux设置回调
- 如何快速渲染>10000件物品使用React+Flux
- React Flux没有显示套接字中的对象数组
- React Flux:存储依赖关系
- React/Flux-如何扩展存储