在 React Modal 中插入 ID

Question

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

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 并在模态关闭后移除

在 React Modal 中插入 ID

Insert ID in React Modal

html

javascript

react-modal