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

相关文章

我最大的一个关于TypeScript的问题是,它将原型的所有方法(无...
我对React很新,我正在尝试理解子组件之间相互通信的简洁方法...
我有一个非常简单的表单,我将用户电子邮件存储在组件的状态,...
我发现接口非常有用,但由于内存问题我需要开始优化我的应用程...
我得到了一个json响应并将其存储在mongodb中,但是我不需要的...
我试图使用loadsh从以下数组中获取唯一类别,[{"listing...