React能够渲染自定义属性,如中所述
http://facebook.github.io/react/docs/jsx-gotchas.html:
如果要使用自定义属性,应在其前面加上
数据-
<;div data custom attribute=“foo”/>
这是个好消息,除了我找不到从事件对象访问它的方法外,例如:
呈现:函数(){
...
<;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.tag或event.target.getAttribute('data-tag');任何一个都可以