ReactJS) 데이터 없는 경우 고려해서, 일정 수량의 컴포넌트 보여주기, 컴포넌트 arr에 쌓을 수 있음

index.tsx 

div>
          {
            // @ts-ignore
            <MovieCompenetList datas={datas}/>
            }
        </div>

 

MovieCompoentList.tsx

export default function MovieCompenetList({datas}:any){
    let arr = []
    let count = 0
    for(let i =0; i<datas.length; i++){
      if(datas[i].video){
        count++
        if(count <4){
            arr.push(<MovieSearch key={i} data={datas[i]} />)          
        }
      }
    }
    return arr
}