在其中打开另一个模态模态时模糊背景模态

Question

我有一个反应组件有两个模态，如

render{
    return(
           <div>
              <ParentModal>
              <ChildModal/>
              </ParentModal>
           </div>

)

}

尝试了一些背景css和模糊，其中我可以看到两个模态都变得模糊，但我想只做模糊当儿童模态打开

Answer 1

CSS过滤器：模糊影响所有孩子。你需要这样的东西：

render{
return(
       <div>
          <CommonParent>
              <ParentModal/>
              <ChildModal/>
          </CommonParent>
       </div>

)}

然后你可以只模糊父母