Typescript 我想制作一个映射，并用这个映射的数据填充一个数组，数组"；“行”；将在material ui的DataGrid组件中使用

但是当我执行console.log（行）时，我得到了一个未定义的列表

let rows: Array<{ id: number }> = []

rows = products?.map((product) =>  
  { id: product.product_id }
) 

---

数组“行”将在material ui的DataGrid组件中使用，因此我需要使用map填充数组行以保持与上面的数组相等。

map回调函数没有返回任何内容。有两种方法可以解决此问题：

在要返回的对象周围添加圆括号

使用

返回

let rows = [
 {id: 1},
 {id: 2},
 {id: 3},
]

rows = products?.map(product => ({ id: product.product_id }));

rows = products?.map(product => { 
  return { 
    id: product.product_id 
  } 
});