Я пытаюсь закрыть модель начальной загрузки в response js close после отправки кнопки, но я попытался использовать код jquery, но у меня не получилось, поэтому я не знаю, как закрыть после отправки кнопки. Итак, пожалуйста, помогите мне, как закрыть это модель после отправки

Это пробовали в React.js, но я потерпел неудачу

this.state = {

      showModal: false
    };

handleCloseModal() {
    this.setState({ showModal: false });
  }

 <div
        className="modal fade"
        id="exampleModal"
        tabindex="-1"
        role="dialog"
        aria-labelledby="exampleModalLabel"
        aria-hidden="true"
      >
        <div className="modal-dialog modal-dialog-centered" role="document">
          <div className="modal-content">
            <div className="modal-header" style={{ marginTop: "15px" }}>
              <h6 className="modal-title" id="rep">
                Raport
              </h6>
              <button
                type="button"
                className="close"
                data-dismiss="modal"
                aria-label="Close"
              >
                <span
                  aria-hidden="true"
                  id="cut"
                  style={{
                    opacity: "0.7",
                    fontSize: "30px",
                    fontWeight: "normal"
                  }}
                >
                  &times;
                </span>
              </button>
            </div>
            <div className="modal-body ">
              <form onSubmit={this.props.loaddata} id="frmStudent">
                <Demo />
            <button
                type="submit"
                value="Get Data"
                className="btn btn-success active hide"
                id="button"
                onHide={this.handleCloseModal}
                style={{
                  width: "200px",
                  background: "rgba(19, 183, 96, 1.0)",
                  padding: "7px",
                  marginTop: "15px",
                  marginBottom: "15px",
                  fontWeight: "500"
                }}
              >
                Raport
              </button>
            </center>
          </form>
        </div>
      </div>
    </div>
  </div>
0
Rahul Raj 25 Окт 2019 в 09:16

2 ответа

Я полагаю, что handleCloseModal никогда не вызывается, потому что вы связали его с событием onHide, которое, AFAIK, не существует. Используйте событие onClick:

<button onClick={this.handleCloseModal}>Raport</button>

0
Gaël S 25 Окт 2019 в 10:34
Потому что вам нужно привязать "this": this.handleCloseModal.bind (this)
 – 
dmitri7
25 Окт 2019 в 12:37
Я все сделал, но все равно не могу закрыть модель после отправки. Я использую конструктор, но ничего. @ GaëlS
 – 
Rahul Raj
25 Окт 2019 в 19:49

Я думаю, вам нужно использовать onClick для вызова обработчика, и если вы не используете конструктор, вы должны определить свое начальное состояние без его использования и использовать функцию стрелки, чтобы привязать свой обработчик к классу как

state = {
  showModal: false
};

И используйте onClick как

<button
   type="submit"
   value="Get Data"
   className="btn btn-success active hide"
   id="button"
   onClick={() => this.handleCloseModal()}
   style={{
              width: "200px",
              background: "rgba(19, 183, 96, 1.0)",
              padding: "7px",
              marginTop: "15px",
              marginBottom: "15px",
              fontWeight: "500"
            }}
        >
          Raport
      </button>

Надеюсь, это поможет

0
ibtsam 25 Окт 2019 в 12:36