Buenas soy nuevo con react, y tengo el problema de no saber hacer un loop dentro de este componente para listar todos los usuarios he probado de mil y una formas pero no llego a ningún lado.
columns: [ { Header: "companies", accessor: "companies", width: "45%", align: "left" }, { Header: "members", accessor: "members", width: "10%", align: "left" }, { Header: "budget", accessor: "budget", align: "center" }, { Header: "completion", accessor: "completion", align: "center" }, ], rows: [ { companies: <Company image={logoXD} name="Material UI XD Version" />, members: ( <MDBox display="flex" py={1}> {avatars([ [team1, "Ryan Tompson"], [team2, "Romina Hadid"], [team3, "Alexander Smith"], [team4, "Jessica Doe"], ])} </MDBox> ), budget: ( <MDTypography variant="caption" color="text" fontWeight="medium"> $14,000 </MDTypography> ), completion: ( <MDBox width="8rem" textAlign="left"> <MDProgress value={60} color="info" variant="gradient" label={false} /> </MDBox> ), }, ],Donde me gustaría hacer el bucle sería en filas
Muchísimas gracias
Puede hacer un bucle en una matriz con la función de map . Si desea mostrar la fila, por ejemplo, puede hacer esto, en su función de devolución:
return ( <> { rows.map(row => row) // Display every row } </> )o si desea acceder a una propiedad específica de cada fila:
rows.map(row => row.companies) // Display every companiesEche un vistazo a algunos ejemplos si no está familiarizado con el mapa