传递react props并作为objectname.objectname访问

如果你

 import productData from './productData.js'

然后 productData 是 默认出口 属于 productData.js ,这是一个对象,这个对象:

  { productData }

那个物体有一把钥匙 产品数据 包含所需的数据。现在只导出 产品数据 你有两个选择:

1)出口 产品数据 作为不将其包装为对象的默认导出:

 export default productData;
 // or
 module.exports = productData;

 // import as:
 import productData from "./productData";
 // or
 const productData = require("./productData");

2)出口 产品数据 作为命名导出,然后导入命名导出:

 export { productData };
 // or
 module.exports = { productData };

 // import as
 import { productData } from "./productData";
 // or
 const { productData } = require("/.productData");

由于该文件只包含一件事,1)在这里更有意义。

您的数组将被导出为一个对象,这就是为什么您必须以 productData.productData . 为了避免这种情况,我们可以这样做。

// first create an array in product.js file
const productsArray  = [
  {
   id: 1,
   title: 'Yellow Pail',
  },
  {
   id: 2,
   title: 'Green Pail',
  },
]

然后你可以把它导出

export default { 
  productsArray
}