Javascript 当打开另一个模式时，模糊背景模式，其中包含

我有一个react组件，有两个模态，比如

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

)

}

渲染{
返回(
)
}

---

尝试了一些背景css和模糊，在其中我可以看到两个模态都变得模糊，但我只想在打开子模态时使其模糊

css过滤器：模糊影响所有子对象。 您将需要以下内容：

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

渲染{
返回(

)}

---

然后，您只能模糊父对象

我们需要您的更多代码。。无论如何，在呈现两种模式的组件的状态中，您应该保留一个属性

ismuzzle

，然后作为道具传递给

ChildModal

。然后，在

ChildModal

中，您可以基于

props.isfuzzle

值设置内联CSS。