React.js：如何将数据属性添加到虚拟 DOM，以便在渲染的 DOM 中继承？

【问题标题】：React.js: How to add data property to virtual DOM so it be inherit in rendered DOM?React.js：如何将数据属性添加到虚拟 DOM，以便在渲染的 DOM 中继承？
【发布时间】：2014-10-08 07:10:52
【问题描述】：

我希望将数据 obj 绑定到呈现的 DOM 元素的属性。与 D3 和 Jquery 对 data() 所做的类似。

有没有办法用 React.js 做到这一点？

【问题讨论】：

你能扩展你的用例吗，你打算用它做什么？

标签： reactjs

【解决方案1】：

基本上你可以使用data-xxx属性并在渲染react.js元素时绑定它们。

【讨论】：

【解决方案2】：

使用 data-* 表示法，例如：

render: function () {
   return React.DOM.div({'data-my-key': 'myValue'}, 'My Div!');
}

请注意，您必须使用 spin-case/kebab-case 键表示法（data-myKey 不起作用）。更具体地说，没有大写字母。

来源：Tags and Attributes | React

【讨论】：