Onclick事件不会获取属性值，但会在控制台上显示带有其所有属性的标记

Question

好，所以我尝试获取组件的名称，以便我可以用自己的方式更改状态。但是，当我尝试从e.currentTarget.name获取此组件名称时，它显示为'undefined'。但是当我console.log（e.currentTarget）时，它显示了我想要的整个元素

我尝试同时使用console.log（e.currentTarget）和console.log（e.currentTarget.name）。前者显示了我上面提到的元素，而后者显示了“未定义”

这是我在使用e.currentTarget时得到的信息

<div role="button" class="MuiChip-root-455 MuiChip-colorSecondary-457 MuiChip-clickable-458 MuiChip-clickableColorSecondary-460" tabindex="0" name="status"><span class="MuiChip-label-474">Chip One</span></div>

这是点击事件的代码：

toggleColumn = (e) => {
    console.log(e.currentTarget);
  } 

<Grid item md={4} className={classes.chipWrapper}>
  <Chip
    label="Chip One"
     name="status"
     color={color}
     variant={variant}
     onClick={this.toggleColumn}
     className={classes.chipButton}
   />
</Grid>

如您所见，它上面有name ='status'。

我正在尝试获取此属性值，但我不能