在从API更新redux / state之前反映组件呈现

时间:2017-08-01 08:07:37

标签: javascript reactjs redux jsx

学习React的一周,我遇到了麻烦。

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

最佳做法?设置状态值的默认值,直到状态更新以避免出现空错误?还有更好的方法吗?

在子组件上尝试过条件渲染(将渲染值)但是没有效果。

非常感谢任何建议!

1 个答案:

答案 0 :(得分:4)

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