javascript - 为什么模态 MaterializeCSS 打不开

Question

我正在使用 React 和 MaterializeCSS 编写应用程序，但模式窗口未打开

导入:

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>

Answer 1

取出未声明的options变量:

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

始终先检查控制台!