如何在反应模态中禁用背景并关闭以前的打开模式

Question

我使用反应模态组件，

1. 在某些情况下我不需要背景，如何禁用背景。在文档中看不到任何属性。
每当打开新的模态
2. 时，如果打开，我如何关闭任何以前的模态。

Answer 1

1(如果你不需要背景，你总是可以将样式道具传递给react-modal：

style={{overlay:{backgroundColor:"rgba(0,0,0,0)"}}}

看看代码，默认样式叠加层有一个背景颜色 rgba(255， 255， 255， 0.75(。

2(如果你想在打开一个新的模态时关闭其他模态，你可以改变isOpen属性的值：

isOpen={this.state.showModalOne}

当您打开 ModalTwo 时，您将调用：

this.setState({showModalOne:false, showModalTwo:true});

如果模态在不同的组件中，您可以使用道具。 您甚至可以选择不关闭模式，而仅更改其内容。