当我们需要两次时，将onClick函数应用于材质ui中的手风琴

Question

我有一组数据，我需要在材质ui的手风琴中显示它们，我也应该能够对其进行编辑或说删除它们？我尝试在材质UI中创建一个自定义组件，但是我该如何添加用于编辑和删除的onclick功能。 这是我处理整个数组并显示它们以及编辑和删除图标的方式。

const listItems = datatomap.map((val) =>
           <div>
           <div>
              <li>{val}</li>
              </div>
              <IconButton  onClick={()=>this.function2()} color="primary" aria-label="Edit">
                  <Edit />
              </IconButton>
              <IconButton onClick={()=>this.function1()} color="secondary" aria-label="Delete">
                  <Delete />
              </IconButton>
              </div>
        );

现在在材料ui中，我已完成此操作

<ExpansionPanel>
               <ExpansionPanelSummary expandIcon={<ExpandMoreIcon />}>
                   <Typography className={classes.heading}>{name}</Typography>
               </ExpansionPanelSummary>
               <ExpansionPanelDetails>
                   <Typography>
                       {listItems}
                   </Typography>
               </ExpansionPanelDetails>
           </ExpansionPanel>