React Modal 总是重叠

Question

我在创建反应模式时遇到一些问题， 我创建的模态总是与下一个渲染的组件重叠， 模式本身是在组件上创建的，通过单击该组件中的卡片来触发。

   <Experience />
   <About />
   <Works className="relative onTop" />
   <div className="relative z-0">
      <Contact />
     <StarsCanvas />
   </div>

总是与模态重叠，但如果我将其替换在组件顶部，它就可以工作。不仅如此，如果我放置其他组件，例如在其下方，它也会与模态重叠。我还在我的CSS中放入了z-index = 9999，但它仍然不起作用。你们有什么想法吗？

Answer 1

必须删除包含相应组件的 div。这就是我的管理方法，试试这样：

<Experience />
<About />
<Works className="relative onTop" />
<Contact />
<StarsCanvas />