如何在不同的onClick不同的按钮上显示相同的模态？

Question

我正在尝试加载不同按钮的Modals onClick的不同内容。

Answer 1

1. 将模型内容保存为状态
2. 在onClick中，将新内容传递给函数并执行setState
3. 根据逻辑更改可见性

  

下面是将参数发送给React成员函数的代码

onClick = {(e) => this.showModel(e , newContent) }

如果您共享代码，可以详细说明

谢谢

Answer 2

 {["first","second"].map(option => {
                return (
                  <Button
                    size="small"
                    color="secondary"
                    variant="raised"
                    onClick={this.handleClickOpen}
                  >
                    {option}
                  </Button>
                );
              })}


       <Dialog
            open={this.state.open}
            onClose={this.handleClose}
          >
            <DialogTitle id="alert-dialog-title">
              {"Use Google's location service?"}
            </DialogTitle>
            <DialogContent>
              <DialogContentText id="alert-dialog-description">
                hello /here must be different names/
              </DialogContentText>
            </DialogContent>
          </Dialog>