Modal 1 -- Component 1
|
Component 2
|
Modal 2 -- Component 3
我有一个类似上面的“绘图”的场景，其中组件3在组件2中初始化，而组件2在组件1中初始化。
组件1和3分别包含一个具有模态的组件。
如果组件3的模态已打开。如果打开了组件1的模态，则该模态将被隐藏。 但是，我希望它位于堆栈的顶部和正面。
我尝试对代码中的内容进行排序，并尝试使用zIndex位置为绝对或相对位置。
{position: 'relative/absolute', overlay: {zIndex: 99}};
但似乎都不起作用。
我看过类似的帖子，但找不到有效的答案。
如果从堆栈中的“较高”组件打开其他模态，如何强制模态1始终可见
答案 0 :(得分：0)
您可以使用Modal组件或其他模块。
但是，如果您想创建自己的模态，则可以遵循这种模式。
在主组件应用中，有2个子组件
<App>
<Home /> //All components/navigation are here
{
isModalOpen && <Modal />
}
</App>
将模式样式设置为以下位置：绝对，左：0，右：0，上：0，下：0