javascript - 在 Prop 中提取对象

Question

这是我的render

const { thumbnail, loading, key } = this.props.video.video;
    console.log(this.props.video.video);

这是我的输出

我想从对象数组中提取缩略图。但是例如，如果我执行 this.props.video.video[0] 它会返回 undefined 吗？最后我计划使用缩略图传递给另一个组件，如下所示

videoContent = <TileFeed thumbnail={thumbnail} />;

Answer 1

这是因为 props 在渲染时可能是未定义的，

    const RenderVideos = (props) => {
       if(props.videos===undefined   ){
          return <div>Loading..</div>
       }else{
          return props.videos.map((item)=> <TileFeed thumbnail={item.thumbnail} />)
       }
    }
   ...
   render(){

     return (
        <div>
            <RenderVideos videos={this.props.video.video}/>
        </div>
     )
   }