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

Question

我在创建带引导程序的下拉菜单时遇到了小问题，在文档https://facebook.github.io/react/docs/tags-and-attributes.html中说过React支持所有data- *和aria- *属性以及以下列表中的每个属性，所有属性都是骆驼壳..。

EX：

React.DOM.div(
    { 
     className: 'dropdown', // available 
     dataToggle: 'dropdown', // not available 
     ariaExpanded: true // not available 
    } 
) 

运行时，属性数据 - *和* aria-同样不可用？我不知道这是为什么？我该怎么办？

在此先感谢。

Answer 1

答案很简单：只要使用通常作为

data-toggle: 'dropdown' 

根据反应文档：

所有DOM属性和属性（包括事件处理程序）应遵循驼峰格式是标准的JavaScript风格一致。由于规格不一致，我们故意违反规范。但是，data- *和aria- *属性符合规格，并且应该只是较低的。

您可以在here

看它，我已经添加了一个快速的jsfiddle，使数据的使用与JSX属性。我知道这是非常混乱的（这是我最好的时间短的时间）。但是你可以看到数据属性的使用与行动中的反应。

Answer 2

尝试使用它，如下所示：

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