使用e.target.id禁用其他按钮

Question

• 我有十个扩展面板。
• 单击一个扩展面板中的一个按钮时，我需要禁用另一扩展面板中的其他按钮
• 但是问题是当我尝试使用ID I定位时，它不返回e.target.id
• 它只是作为传递的值而返回。
• 你能告诉我如何解决它吗？
• 在下面提供我的沙盒和代码段。

https://codesandbox.io/s/material-demo-zi66l

diableOtherButtons = e => {
    console.log("diableOtherButtons e--->", e);
  };


  render() {
    const { classes } = this.props;
    console.log("get started *8888888888888888888888888888888888888888888888");
    return (
      <div className={classes.root}>
        <ExpansionPanel>
          <ExpansionPanelSummary expandIcon={<ExpandMoreIcon />}>
            <Typography className={classes.heading}>first</Typography>
          </ExpansionPanelSummary>
          <ExpansionPanelDetails>
            <Typography>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.
              Suspendisse malesuada lacus ex, sit amet blandit leo lobortis
              eget.
              <Typography>
                <Button
                  onClick={e => {
                    this.diableOtherButtons("s", "d");
                  }}
                  variant="outlined"
                  color="primary"
                  size="small"
                  // className={classes.button}
                >
                  button click
                </Button>
              </Typography>
            </Typography>
          </ExpansionPanelDetails>