React组件渲染之前从API中删除/状态更新

问题描述：

进入学习React的一周，我遇到了一个障碍。React组件渲染之前从API中删除/状态更新

所以，我有一个action/reducer设置一个外部API来传递有效负载到我的组件的状态，以便在子组件中呈现一些值（作为prop对象传递） - 但是，它需要对于API几秒钟响应，显然我不能问才反应过来，然后渲染任何价值，因为它们返回null和崩溃反应..

最佳实践？为状态值设置默认值，直到状态得到更新以避免空错误？有没有更好的办法？

试过在子条件渲染（这会使值），但没有奏效。

任何意见，不胜感激！

“试过在子有条件的渲染......但没有工作”给你的代码。我会说这是最佳做法：检查状态是否已加载，如果不是，则显示加载指示符。 –

答

必须首先设置减速器通常为空值或空对象的内部状态的一些初始值。现在在你的渲染方法中，你必须使用条件渲染并从中返回适当的jsx。这是从API获取数据并将其呈现在组件内的标准方式。 This可能可以帮助你。

谢谢@Shubham - 这很有帮助 - 最后管理如何设置数组的初始状态。 –

我将如何设置一个初始状态来映射一个针对@Shubham Jain的列表？ '[ 'org_units'，[ [ ''， ''] ]， [ '位置'，[ [ ''， ''] ]， ' 我得到了一些错误，作出反应... _TypeError：无法读取属性“地图”的undefined_ –

我无法理解你正在尝试做的。你能否详细说明一下？ –