ready用法疑问
来源：8-7 使用骨架组件减少布局移动【论占位置的重要性】
cookie天
2020-10-23
问下：这个{!ready && cardMedia}听课程是说处理ready没有值的情况。如果const {ready = false} = this.state;这样给个默认值，还需要下面的处理吗？
写回答
1回答
-
同学你好！
不是这样的哟！state的ready我们初始化为false了。
ReactPlacehoder这个组件的ready属性控制了是显示骨架还是子组件内容。但是不显示子组件，子组件自然也无法进行加载。为了解决这个矛盾的事情，这里采用了一个workaround，就是在后面以不显示的方式直接加载了子组件，也就是{!ready && cardMedia}。而子组件一旦加载完，ready状态也就变了，这里强制加载的这个cardMedia就不显示了，而placeholder里面包着的真正要显示的cardMedia就显示出来了。
012020-10-26
相似问题