How to display array of react components in matrix

found the answer with below code change

        <IonRow className="ion-align-items-baseline ion-no-padding ion-no-margin" >
          { Data.map( (item) => <IonCol className="ion-no-padding ion-no-margin" size-lg="4" size-md="4" size-sm="6" size="12"> 
                                        <PrepareCard key={item.id} info={item} /> 
                                        </IonCol>   ) }
      
        </IonRow>
    </IonGrid>