Почему модальные материализованные css не открываются - PullRequest
Новая
       3

Почему модальные материализованные css не открываются

0 голосов
/ 06 мая 2020

Я пишу приложение с реакцией и материализацией css, но модальное окно не открывается

импорт: 

import 'materialize-css';
import options from 'materialize-css';
import M from 'materialize-css';

js для модального: 

document.addEventListener('DOMContentLoaded', function() {
    var elems = document.querySelectorAll('.modal');
    var instances = M.Modal.init(elems, options);
});

модальный: 

<a className="red waves-effect waves-light btn modal-trigger" href="#modal1">Удалить аккаунт</a>
<div id="modal1" className="modal">
   <div className="modal-content">
      <h4>Внимание!</h4>
      <p>Убедитесь, что вы действительно хотите удалить свой аккаунт, все данные об аккаунте будут утеряны и восстановить аккаунт невозможно</p>
   </div>
   <div className="modal-footer">
      <a href="/auth" className="modal-close waves-effect waves-green btn-flat" onClick={buttonDeleteAccount}>Удалить аккаунт</a>
   </div>
</div>

1 Ответ

1 голос
/ 06 мая 2020

Выведите необъявленную options переменную: 

document.addEventListener('DOMContentLoaded', function() {
    var elems = document.querySelectorAll('.modal');
    var instances = M.Modal.init(elems);
});

Всегда сначала проверяйте консоль!

...