小编ude*_*nyi的帖子

当我尝试运行此代码时，它给出了此错误：

\n

\xc3\x97 TypeError：无法读取未定义的属性（读取“map”）

\n

为什么会发生这种情况？我怎样才能让它发挥作用？

import React from \'react\';\nimport Grid from \'@material-ui/core/Grid\';\n\nimport Product from \'./Product/Product\';\nimport useStyles from \'./styles\';\n\nconst products = [\n  {id: 1, name: \'Shoes\', description: \'Running Shoes.\' },\n  {id: 2, name: \'MacBook\', description: \'Apple MacBook.\' },\n];\n\nconst Products = ({ products }) => {\n  const classes = useStyles();\n\n  return (\n    <main className={classes.content}>\n      <div className={classes.toolbar} />\n      <Grid container justify="center" spacing={4}>\n        {products.map((products) => (\n          <Grid item key={product.id} item xs={12} sm={6} md={4} lg={3}>\n            <Product />\n          </Grid>\n        ))};\n      </Grid>\n    </main>\n …