使用Redux更新数据时Contentloader卡住

Question

在组件上加载数据时，内容加载器卡住了。 https://github.com/danilowoz/react-content-loader处的内容加载器在使用redux保存数据时被卡住。

我有一个react组件，它在componentdidmount上调用多个Web api，然后使用redux保存接收到的值。在保存期间，显示的react-content-loader卡住了？

如何使装载机不卡住？

Answer 1

对要显示此加载程序的数据执行简单的if。

import { Instagram } from 'react-content-loader'

 ...
 ...
render(){

  <div>
   this.state.dataForWhichYouWhereWaiting === null 
   ? 
      <Instagram />
   :
     <ComponentThatDisplaysThatData content={this.state.dataForWhichYouWhereWaiting} />
  </div>

 }