定义简单ES6组件类的适当方法是什么?

时间:2019-08-28 09:43:22

标签: javascript es6-class

我试图仅使用ES6构建几个简单的组件,例如警报,选项卡,对话框,并且发现很难找到定义所需JavaScript类的标准方法。

我的代码如下所示;它有效,但是我不知道这是否是合适的方法。谁能指出我正确的方向?

class Notice {
  select() {
    this.notices = document.querySelectorAll(".c-notice");
    this.notices.forEach(notice => {
      notice.addEventListener("click", () => {
        this.dismiss(event.target.closest(".c-notice"));
      });
    });
  }
  dismiss(element) {
    element.classList.add("u-display-none");
  }
}

let notice = new Notice();
notice.select();

export default Notice;

0 个答案:

没有答案