如何禁用背景並關閉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});

如果模態位於不同的組件中，則可以使用道具。 您甚至可以選擇不關閉模式，而僅更改其內容。