Передать значение от кнопки методу в диалоге - реагировать - PullRequest
2 голосов
/ 07 июня 2019

У меня есть диалог в React, который отображает некоторую информацию и имеет 2 кнопки «Продолжить» и «Отмена». Если нажать кнопку Cancel, диалоговое окно закрывается (работает нормально) Но если нажата кнопка Proceed, я хочу отправить флаг исходному методу, откуда была отправлена ​​команда открытия этого диалога, чтобы продолжить и завершить действие.

<Dialog {...reProps} ref={(x) => { this.restriced = x; }}>
 <div>
   SOME INFORMATION
   </div>
   <div>Do you want to apply profile to the rest of the devices.</div>
    <div>
        <button onClick={this.handleCancel}>
        Cancel
        </button>
        <button onClick={this.handleProceed}>
        Yes
        </button>
    </div>
</Dialog>
onProfileApply(profileName, restrict) {
    if (!_.isEmpty(devices)) {
        _.forEach(devices, (device) => {
            if (restrictedDevices.length !== 0) {
                return this.setState({
                    restrictedDevices
                }, () => {
                    this.restriced.open();
                });
            }
        }
            const APIBody = {
            'devices': selectedDevices
        };

        return this.props.dispatch(actions.updateDevices(APIBody));
    }
    return null;
}

 handleCancel() {
    this.restriced.close();
}

handleProceed() {

}

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

return this.props.dispatch(actions.updateDevices(APIBody));

Есть ли шанс, что я смогу вернуться к функции и выполнить ее, если флаг имеет значение true или что-то еще? Пожалуйста помоги.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...