Soy nuevo en reaccionar y estaba tratando de usar una función de mapa dentro de jsx para representar una matriz. Sin embargo, nada se renderiza dentro del bucle.

Estoy pasando datos a mi componente secundario de esta manera:

 {showMaterialConfirmModal && ( <MaterialModalConfirm closeModal={setshowMaterialConfirmModal} orderList={orderListE} itemList={itemListE} errorList={errorListE} title="Success" /> )}

y dentro del componente secundario llamo a la función de mapa de esta manera:

 <Card> <GridContainer> <GridItem xs={12}>Design Successful for: 0</GridItem> <h5>Order:{props.orderList[0]}</h5> {props.orderList.map((order, i) => { <div> {order} <h1>Hi</h1> {/* <GridItem xs={12}> order/item no {order[i]}/{props.itemList[i]} due to{" "} {props.errorList[i]} </GridItem> */} </div>; })} </GridContainer> </Card>

Los datos en orderList vienen en la etiqueta, sin embargo, no se imprime nada que esté dentro del bucle.

He revisado varios documentos para ejecutar la función de mapa, sin embargo, no sé por qué no se imprime nada.

Por favor ayuda