Как отключить задний фон и закрыть предыдущий открытый модал в реагирующем

Question

Я использую реагирующий модальный компонент ,

1. Мне не нужен фон в определенных сценариях, как мне отключить фон.Не вижу никаких свойств в документации.
2. Как закрыть все предыдущие модалы, если они открыты, всякий раз, когда открывается новый модал.

Answer 1

1) Если вам не нужен фон, вы всегда можете передать опору стиля в реагирующий режим:

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});

Если модалы находятся в разных компонентах, вы можете работать с реквизитом.Вы даже можете не закрывать модальный канал, а изменять только его содержимое.