在单击后尝试访问按钮上的数据集时,我得到这个^错误.
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'])
}
