如何在JSX中添加自定义html属性

编辑：更新以反映React 16

React 16本机支持自定义属性。这意味着向元素添加自定义属性现在就像将其添加至

render

render() {  return (    <div custom-attribute="some-value" />  );}

先前的答案（第15和更早版本）

当前不支持自定义属性。有关更多信息，请参见此未解决的问题：

解决方法是，您可以在中执行以下操作

componentDidMount

componentDidMount: function() {  var element = ReactDOM.findDOMNode(this.refs.test);  element.setAttribute('custom-attribute', 'some value');}