在React.js中加载数据会慢慢呈现UI（7-8秒后）

Question

我正在多次调用api（使用async / await）来获取不同的数据，然后在呈现UI之前等待所有内容都加载。

我在做什么的例子：

if (this.state.dataLoading == true) {
    return(<div></div>)
} else if (this.state.dataLoading == false) {
    return( 
        <MyComponent /> 
    )
}

我遇到的问题是UI需要渲染的时间太长，让用户每次加载页面等待7-8秒都会很烦人。有没有办法可以预先加载我的所有数据，以便UI更快地呈现？