如何从React中的事件对象访问自定义属性?

React能够渲染自定义属性,如中所述
http://facebook.github.io/react/docs/jsx-gotchas.html:

如果要使用自定义属性,应在其前面加上
数据-

<div data custom attribute=“foo”/&gt

这是个好消息,除了我找不到从事件对象访问它的方法外,例如:

呈现:函数(){
...
<a数据标记={i}style={showStyle}onClick={this.removeTag}></a>
...
removeTag:函数(事件){
this.setState({inputVal:event.target???});
},

元素和数据-属性以html格式精细呈现。像style这样的标准属性可以作为event.target.stylefine访问。
而不是event.target我尝试了:

event.target.props.data.tag
event.target.props.data[“tag”]
event.target.props[“数据标记”]
event.target.data.tag
event.target.data[“tag”]
事件.目标[“数据标记”]

这些都不起作用

event.target为您提供了本机DOM节点,然后您需要使用常规的DOM API来访问属性。以下是有关如何做到这一点的文档:使用数据属性

您可以执行event.target.dataset.tagevent.target.getAttribute('data-tag');任何一个都可以

发表评论