javascript - 如何在 Semantic-react-ui 的模态屏幕上显示弹出窗口？

Question

我正在使用语义 UI 库在模态上显示一些内容。
模态上方有一个按钮，点击后我们会看到一个提供一些信息的弹出窗口。
挑战在于弹出窗口出现在模态屏幕后面。
我怎样才能在 Modal 前面弹出弹出窗口。我试过谷歌搜索，但目前没有有效的解决方案。

我也尝试过 z-index。
是的先生。我使用内联样式将值 1 的 zindex 赋予模态，将值 999 的 zIndex 赋予弹出窗口。像下面这样-

//Modal.js
render(){
<Modal style={{zIndex:1}}>
          <MyComponent />
</Modal>
}

//MyComponent.js
render(){
<Popup
       trigger={<Button> Click Me! </Button>
       style={{zIndex:999}}>
<Popup.Content>
     Hi There. I am Popup content
</Popup.Content>

不幸的是它没有奏效。 :(

注意- Modal 和 Popup 都是语义 UI 库本身提供的组件。

Popup

Modal

Answer 1

 <Popup
     style={{ zIndex: 9999999 }}
 />

将 z 索引应用于弹出窗口。保持高于模态 z Index 保持它大于 ui-dimmers zIndex，即 99990。