错误“类型'EventTarget'上不存在属性'innerText'”?

时间:2019-02-26 13:29:39

标签: javascript reactjs typescript

我有一个错误:

  

类型“ EventTarget”上不存在属性“ innerText”。

我正在尝试添加事件侦听器并从element中获取值。一切正常,但此错误显示在控制台中。

public componentDidMount() {
  const element = document.querySelector(".mdc-list")
  element.addEventListener("click", (e) => {
    this.data.menu.title = e.target.innerText
  })
}

2 个答案:

答案 0 :(得分:0)

您可以使用类型保护来缩小事件目标的类型。

或者只是将事件目标强制转换为要作为目标获取的元素:

this.data.menu.title = <HTMLInputElement>(e.target).innerText;

答案 1 :(得分:0)

这是TypeScript问题,将event.target强制转换为它的类型,以告诉TypeScript它具有您为其设置的属性。

const input = event.target as HTMLElement;
this.data.menu.title=input.innerText