http://facebook.github.io/react/docs/jsx-gotchas.htmlで説明されているように、React はカスタム属性をレンダリングできます 。
カスタム属性を使用する場合は、接頭辞 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"]
これらのどれも機能しませんでした。