我找不到onClick事件的正确类型,该类型将允许我获取被单击的div的ID。
const setColor = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {
const color = event.target.id;
// ^--- error Property 'id' does not exist on type 'EventTarget'.ts(2339)
if (selected) selected.updateColor(color);
};
jsx是
<div id={'#C81B00'} onClick={setColor} className='inspector--color' style={{backgroundColor: '#C81B00'}}></div>
我也试过
<div id='#FA2200' onClick={setColor} className='inspector--color' style={{backgroundColor: '#FA2200'}}></div>
您可以将其currentTarget
用作解决方法。currentTarget.id
应该工作正常。
https://github.com/facebook/react/issues/5733
https://developer.mozilla.org/zh-CN/docs/Web/API/Event/currentTarget
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句