reactjs - MaterialUI MenuItem 道具名称

Question

我正在对数组进行映射以显示我的项目列表，因此我想传递除值之外的另一个属性，但我没有办法做到这一点。

<Select
   style={{width:'100%'}}
   value={props.summary.products.find(product=>x.id === product.id )?.description}
   variant="outlined"
   onChange={event=>{x.id !== undefined && handleDescriptionChange(event,x.id)}}
 >
  {x.id !== undefined && ProductLists[value[x.id]]?.map((product)=>{
    return <MenuItem key={product?.description} value={product?.description}>{product?.description}</MenuItem>
  })}
 </Select>

这是我的处理函数，我需要在 event.target.name 或任何其他方式中有另一个键状态：

  const handleDescriptionChange = (event:React.ChangeEvent<{value:unknown,name?:string}>,id:number) => {
    const selected = event.target.value as string
    props.handleProductDescriptionChange(selected,id)}

我在产品中有另一个键是 STATE，我需要在我的处理程序函数中使用该值。有什么办法可以做到这一点？

标签： reactjstypescriptmaterial-ui