当您仍需要从父组件获取数据时需要渲染某些内容时,最佳实践是什么?

时间:2019-03-14 13:06:13

标签: reactjs

当我需要在子组件中渲染数据时,我常常发现自己处于一种很常见的场景,该子组件来自props,但从父组件中的api获取。在第一个渲染中,数据仍在获取中,因此子组件没有任何可渲染的。有时,我使用加载标志,并在数据到来时呈现整个子组件,否则我呈现一些消息,表明数据仍在加载中,或者呈现null。但是,如果我希望该组件存在并且仅在它出现时填充数据该怎么办?如果我的道具是嵌套对象,这将非常繁琐,因此我必须在父对象的状态下定义数据的结构,以免访问不存在的对象,或者必须手动检查子组件(如果未定义)。所以,问题是,有没有建议的方法?你如何做到的?

2 个答案:

答案 0 :(得分:2)

一种最流行的做法是呈现字符串:'N / A',表示不适用,不可用或无答案。

答案 1 :(得分:1)

实际上有很多方法。 最常见的方法是渲染一些内容,以指示用户背景中正在加载某些内容,您可以等着看。
可能是简单的文字“我们正在加载您的内容.....”
可能像是旋转图标。
或者最好是facebook preloader