为什么模态实体化不打开

Question

我正在编写带有react和物化的应用程序，但模式窗口不会打开

导入：

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

js用于modal:

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);
});

请务必先检查控制台！