Вызов функции props внутри функции компонента "Невозможно прочитать свойство" props "из неопределенного"

Question

У меня есть кнопка, которая вызывает мою функцию onClick:

<button id="closeModal" variant="danger" onClick={ this.onClick }></button>

Мой onClick связан в конструкторе:

this.onClick = this.handleSubmit.bind(this);

И затем я указываю функцию для вызова двух функций: одна из них из реквизита, а другая нет (это функция Формика).

onClick(event) {
    this.handleSubmit.bind(this, values);
    this.props.closeModal;
}

Ошибка Uncaught TypeError: Cannot read property '...' of undefined одинакова для обеих функций в onClick, когда я переключаю их на места.Я хочу, чтобы кнопка активировала две функции.Раньше, когда у меня было только

<button id="closeModal" variant="danger" onClick={ this.props.closeModal }></button>

, все было в порядке.У вас есть идеи, как это исправить?

Answer 1

Измените свой конструктор, затем проверьте ...

с

this.onClick = this.handleSubmit.bind(this);

на

this.onClick = this.onClick.bind(this);

Answer 2

я думаю, что вы не привязываете правильную функцию, основанную на вашем коде. Я ожидаю увидеть что-то вроде этого

this.onClick = this.onClick.bind(this)

вместо

this.onClick = this.handleSubmit.bind(this)

Также вам нужно позвонить closeModal, поэтому он должен быть

this.props.closeModal();