Tengo datos devueltos desde el backend que quería mostrar en el componente de reacción con el siguiente enfoque, solo está imprimiendo los valores, ¿cómo imprimo tanto las claves como los valores en el DOM?
índice.js
{Object.entries(data).map(([key, value]) => ( <Card> <CardContent> <Typography variant="body2" color="text.secondary"> <p>{data[key]}</p> <p>{data[value]}</p> </Typography> </CardContent> </Card> ))}muestra de datos
{ 'User': ': Admin', 'Location': ': New York, NY', 'Company Name': ': Millenium' }Simplemente use key en lugar de data[key] y value en lugar de data[value] . Además, asegúrese de proporcionar una key única en cada elemento del map de su lista.
{Object.entries(data).map(([key, value]) => ( <Card key={key}> <CardContent> <Typography variant="body2" color="text.secondary"> <p>{key}</p> <p>{value}</p> </Typography> </CardContent> </Card> ))}