Javascript mui不是检索有效id（event.target.id），而是给我一个空字符串"&引用；

不知道为什么，但当我单击图标按钮区域时，我得到了正确的id，但当我单击实际图标时，它返回空字符串

<Box className={classes.specialtiesBox}  >
    {props.specList.map((name,key)=>{
        return (
           <>
           <Box key={key} className={classes.specialties} >
               <Typography display="inline" >{name}</Typography>
               <IconButton disableRipple id={key} className={classes.removeIcon}  onClick={props.remove} >
                   <CancelRoundedIcon color='disabled'/>
               </IconButton>
                          
           </Box>
           </>
        )
            })}

{props.specList.map（（名称、键）=>{
返回(
{name}
)
})}

你能分享道具吗。移除功能我猜你是在从

event.target

提取id，如果是这种情况，你应该使用

event.currentTarget

。看见