@maxduma16

Почему функции не работают с модального окна?

Вызов функции не работает когда ее вызываю из модального окна.
Если в верстке вынести кнопку с модальное окно все работает.

Модальное окно само по себе тоже работает (открывается, закрывается)
При открытии кнопка "Cancel" в модальном окне работает но это через класс верстки "uk-modal-close"

Пробовал другие функции вызывать из модального окна они не работают
.....
Импорти:
import React, {Component} from 'react';
  import UIkit from 'uikit';


Рендер:
render() {
    const modal = true;
    return (
        <>
            <div className='panel'>
                <button className="uk-button uk-button-primary" onClick={() => this.save()}>Publish</button> // Работает  !!!
                <button className="uk-button uk-button-primary" uk-toggle="target: #modal-save">Save</button>
            </div>

            <div id="modal-save" uk-modal={modal.toString()}>
                <div className="uk-modal-dialog uk-modal-body">
                    <h2 className="uk-modal-title">Saving</h2>
                    <p>Are you sure you want to save the page?</p>
                    <p className="uk-text-right">
                        <button className="uk-button uk-button-default uk-modal-close" type="button">Cancel</button>
                        <button className="uk-button uk-button-primary"  onClick={() => this.save()}>Publish</button> // Не Работает! 
                    </p>
                </div>
            </div>
        </>
    )
}
  • Вопрос задан
  • 277 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы