Показать / скрыть модальный Bootstrap в соответствии с условием в React

Question

Я работаю над реактивным проектом, и я хочу переключить модал начальной загрузки в соответствии с ответом на вызов API.data-dismiss="modal" работает над кнопками, но мне нужно показать / скрыть в соответствии с условием.

Например:

if(x=10){
  //show the modal
}
else{
 //hide the modal
}

любые предложения, пожалуйста!

Answer 1

Я в основном использую jquery для отображения или скрытия модального загрузчика в React.

Ниже приведено, что вам нужно сделать, чтобы работать с модалом так, как вам нужно.Здесь myModal это идентификатор модального родительского div

 if(x=10){
    //show the modal
    $('#myModal').modal('show');
  }
  else{
      //hide the modal
      $('#myModal').modal('hide');
  }

Answer 2

Здесь недостаточно подробностей, чтобы правильно и прямо ответить на ваш вопрос.Где твой настоящий код?Чтобы получить помощь, вам нужно будет предоставить более пустое выражение if / else.

С учетом сказанного, если вы делаете вызов API в React, могу ли я предположить, что вы используете Axios?Пусть ответ активирует логическое значение в вашем состоянии, он должен будет скрывать или отображать значение по вашему желанию после получения успешного ответа.

Опять же, трудно узнать контекст или если это успешный ответ без контекстаработать с.Я надеюсь, что это полезно.