学习 React 一周了,我遇到了障碍。
因此,我有一个操作/ reducer 设置了一个外部 API,将有效负载传递到我的组件的状态中,以便在子组件中呈现一些值(作为 prop 对象传递) - 但是,它需要API 需要几秒钟的时间来响应,显然我不能要求 React 在此之前渲染任何值,因为它们返回 null 并导致 React 崩溃..
最佳实践?设置状态值的默认值直到状态更新以避免空错误?有更好的办法吗?
已尝试在子组件上进行条件渲染(这将渲染值),但没有成功。
非常感谢任何建议!
最佳答案
您必须首先在 reducer 内部设置一些状态初始值,通常为 null 或空对象。现在,在渲染方法中,您必须使用条件渲染并从中返回适当的 jsx。这是从 API 获取数据然后在组件内部呈现数据的标准方法。 This也许可以帮助你。
关于javascript - 在 API 更新/状态更新之前响应组件渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45432303/