在React Modal中插入ID

Question

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

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">
  ...

但是，modal div仅在显示模式后才可用，因此请小心将事件附加到模式open上，并在模式关闭后将其删除