如何禁用背景并关闭react-modal中的先前打开模式

Question

我正在使用react-modal组件 ，

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

Answer 1

1）如果不需要背景，可以随时将样式道具传递给react-modal：

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

看一下代码，默认样式叠加层具有backgroundColor rgba（255，255，255，0.75）。

2）如果要在打开新模态时关闭其他模态，则只需更改isOpen属性的值即可：

isOpen={this.state.showModalOne}

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

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

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