React能够呈现自定义属性,如 http://facebook.github.io/react/docs/jsx-gotchas.html中所述:
如果要使用自定义属性,则应在其前面加上data-。
<div data-custom-attribute="foo" />
那是个好消息,除了我找不到从事件对象访问它的方法,例如:
render: function() {
...
<a data-tag={i} style={showStyle} onClick={this.removeTag}></a>
...
removeTag: function(event) {
this.setState({inputVal: event.target????});
},
元素和data-
属性以html呈现。像标准属性一样style
可以访问event.target.style
。而不是event.target
我尝试:
event.target.props.data.tag
event.target.props.data["tag"]
event.target.props["data-tag"]
event.target.data.tag
event.target.data["tag"]
event.target["data-tag"]
这些都不起作用。
aria-modal=true
,您将更改(为false)推送到aria / data属性存储,但没有其他更改(例如组件的内容或其中的类或变量),因为结果ReactJs不会更新aria / 该组件中的数据属性。我整天都在忙着意识到这一点。