javascript - 在 API 更新/状态更新之前响应组件渲染

标签 javascript reactjs redux jsx

学习 React 一周了,我遇到了障碍。

因此,我有一个操作/ reducer 设置了一个外部 API,将有效负载传递到我的组件的状态中,以便在子组件中呈现一些值(作为 prop 对象传递) - 但是,它需要API 需要几秒钟的时间来响应,显然我不能要求 React 在此之前渲染任何值,因为它们返回 null 并导致 React 崩溃..

最佳实践?设置状态值的默认值直到状态更新以避免空错误?有更好的办法吗?

已尝试在子组件上进行条件渲染(这将渲染值),但没有成功。

非常感谢任何建议!

最佳答案

您必须首先在 reducer 内部设置一些状态初始值,通常为 null 或空对象。现在,在渲染方法中,您必须使用条件渲染并从中返回适当的 jsx。这是从 API 获取数据然后在组件内部呈现数据的标准方法。 This也许可以帮助你。

关于javascript - 在 API 更新/状态更新之前响应组件渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45432303/

相关文章:

javascript - 为什么 reducer 的初始状态没有传递到连接的组件?

reactjs - 使用复杂/嵌套状态更新重新渲染 React 子组件

javascript - 在这种情况下,如何正确地从 reducer /操作中调用函数?

javascript - 如何为阻止特定网站的 Chrome 扩展编写 js

javascript - react 组件以更新子组件

angular - 无法分配给深层复制对象上的只读属性

javascript - 如何将参数从组件传递到 redux 操作

javascript - 如何使用 jquery 获取 jqgrid 对象

javascript - 使用增量改进客户端-服务器数据同步功能

c# - 如何重新打开纯 CSS3 模态对话框