javascript - 在 React 模态中插入 ID

Question

我正在使用https://react.semantic-ui.com/modules/modal/这个模态。我想id在具有modal类的 div 中添加一个属性。我怎样才能做到这一点 ？

Answer 1

您是否尝试简单地添加一个id道具？：

<Modal
  trigger={<Button onClick={this.handleOpen}>Show Modal</Button>}
  open={this.state.modalOpen}
  onClose={this.handleClose}
  basic
  size='small'
  id="theIdHere"
>
...

它对我有用

<div class="ui page modals dimmer transition visible active" style="display: flex !important;">
  <div id="theIdHere" class="ui small basic modal transition visible active">
  ...

但是，modaldiv 仅在显示模态时可用，因此请小心在模态上附加事件并在模open态关闭后删除