Estoy generando datos de mi mongodb como una matriz de objetos y los estoy almacenando en productos.
El formato predeterminado para crear una fila de datos en Material Design es el siguiente:
const rows = [ createData('Rice', 305, 3.7, 67, 4.3), createData('Beans', 452, 25.0, 51, 4.9), createData('Yam', 262, 16.0, 24, 6.0), createData('Chicken', 159, 6.0, 24, 4.0), createData('Palm Oil', 356, 16.0, 49, 3.9), createData('Hen', 408, 3.2, 87, 6.5), createData('Mangoes', 237, 9.0, 37, 4.3), createData('Fruits', 375, 0.0, 94, 0.0), createData('Cassava', 518, 26.0, 65, 7.0), createData('Potatoes', 392, 0.2, 98, 0.0), ]¿Cómo convierto mis datos exportados a este formato?
const [products, setProducts] = React.useState([])Cuando registro mis productos en la consola, obtengo:
[ {_id: '001', name: 'Fish', price: 3000, quantity: 12, weight: 10}, {_id: '002', name: 'Rice', price: 12000, quantity: 5, weight: 50}, ]Así es como intenté convertir, aunque no funcionó:
products.map(product => createData(product))¿¿Cómo puedo resolver esto??
setProducts(products.map(product => createData(product.name, product.price))) // escriba otros campos obligatorios según el ejemplo anterior.
mejor usar useEffect;