Javascript ReactJS-如何接受HTML属性数据-*，aria-*？

我在使用引导创建下拉菜单时遇到了一个小问题，文档中说，React支持所有data-*和aria-*属性以及以下列表中的每个属性，所有属性都是驼峰式的。

例：

运行时，属性数据-*和aria-*相同不可用？？我不知道为什么？？？我能做什么

---

提前谢谢。

简短回答：正常使用即可

data-toggle: 'dropdown'

根据React文件：

所有DOM属性和属性（包括事件处理程序）都应该使用camelCased，以与标准JavaScript样式一致。我们在这里故意违反规范，因为规范不一致。但是，data-*和aria-*属性符合规范，并且只应使用小写

你可以看看它

---

我添加了一个快速JSFIDLE，它利用JSX中的数据属性。我知道它非常混乱（这是我所能想到的最短时间）。但您可以看到data属性与react in action的用法。

尝试按如下方式使用它：

React.DOM.div(
{
  className: 'dropdown',
  'data-toggle': 'dropdown',
  'aria-expanded': true
})

React.DOM.div(
{
  className: 'dropdown',
  'data-toggle': 'dropdown',
  'aria-expanded': true
})