Quiero obtener una matriz del archivo del producto, pero muestra 'Uncaught TypeError: _product__WEBPACK_IMPORTED_MODULE_1___default(...).map is not a function' Incluso he intentado usar la tecla en Col pero aún muestra lo mismo. mi codigo de reaccion es
import product from '../product' export default function HomeScreen() { return ( <> <h1>Latest Products</h1> <Row> {product.map((products)=>( <Col sm={12} md={6} lg={4} xl={3}> <h3>{products.name}</h3> </Col> ))} </Row> </> ) }y el archivo del producto es
const product=[ { _id:'1', name : 'Shoes', images : './img.shoe4.jfif', discription : 'Lorem10j,jdscjscjc nxkd kdn ddksad asdkjdhsadb', brand : 'Apple', category : 'Electronics', price : 89.3, countInStocks : 3, rating: 4.5, numReviews: 4 } ];Tienes que exportar productos desde tu archivo de productos.
Utilice la exportación predeterminada:
export default product;y usa la siguiente importación:
import product from '../product';o use una importación con nombre:
export const product = [{ ... }]e importar la const nombrada:
import { product } from '../product'el problema real es que el product en su HomeScreen no es una matriz, parece que no está exportando su matriz de product desde su archivo,
debería ser así:
//don't forget the export keyword if you want to access it outside this file const product=[ { _id:'1', name : 'Shoes', images : './img.shoe4.jfif', discription : 'Lorem10j,jdscjscjc nxkd kdn ddksad asdkjdhsadb', brand : 'Apple', category : 'Electronics', price : 89.3, countInStocks : 3, rating: 4.5, numReviews: 4 } ]; export default product;