typescript – ‘EventTarget’类型中不存在属性’dataset’

在单击后尝试访问按钮上的数据集时,我得到这个^错误.

linkProvider = (ev: React.SyntheticEvent<EventTarget>) => {
  console.debug('ev.target',ev.target.dataset['ix']) // error
}

// in render 
providers.map((provider,ix) => (
  <button key={provider} data-ix={ix} onClick={this.linkProvider}>{provider}</button>
))

任何想法如何使其工作？

解决方法

问题在这里元素,文档和窗口可以是 EventTarget.如果是元素,您应该检测EventTarget.所以在你的情况下,代码应该工作

linkProvider = (ev: React.SyntheticEvent<EventTarget>) => {
  // If event target not an HTMLButtonElement,exit
  if (!(ev.target instanceof HTMLButtonElement)) {
    return;
  }
  console.debug('ev.target',ev.target.dataset['ix']) 
}

在短的方式

linkProvider = (ev: React.SyntheticEvent<HTMLButtonElement>) => {
  console.debug('ev.target',ev.currentTarget.dataset['ix']) 
}

我还添加了示例here