使用 redux 更新数据时，Contentloader 卡住了答案

【问题标题】：Contentloader gets stuck while updating data using redux使用 redux 更新数据时，Contentloader 卡住了
【发布时间】：2018-10-15 10:36:50
【问题描述】：

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

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

如何在装载机不卡住的情况下制作装载机？

【问题讨论】：

卡住是什么意思？获取数据后是否尝试禁用加载程序？
卡住是指正在加载内容的动画部分。一旦我得到数据，我就会禁用内容加载器并显示实际内容。
不确定，但有一些简单的方法可以实现。查看我的答案
加载器的显示和隐藏工作正常，唯一的问题是在显示内容加载器期间，颜色从左到右移动的动画效果卡住了
请在另一个帖子中查看我的答案：Answer

标签： reactjs redux

【解决方案1】：

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

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

 ...
 ...
render(){

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

 }

【讨论】：