Javascript 什么';这是React.js上数据切换引导的正确语法

Javascript 什么';这是React.js上数据切换引导的正确语法,javascript,twitter-bootstrap,reactjs,Javascript,Twitter Bootstrap,Reactjs,所以我对react和javascript都是新手,我只是想展示一下我是如何在HTML中看到它的 el.button({ type: 'button', className: 'navbar-toggle', data-toggle: 'collapse', // Syntax Error Here data-target: 'navbar' // Syntax Error Here }, el.span({ className: 'sr-only' }

所以我对react和javascript都是新手,我只是想展示一下我是如何在HTML中看到它的

el.button({ 
    type: 'button',
    className: 'navbar-toggle',
    data-toggle: 'collapse', // Syntax Error Here
    data-target: 'navbar' // Syntax Error Here
}, 
el.span({
    className: 'sr-only'
}, 'Toggle Navigation'), 
el.span({
    className: 'icon-bar'
}),
el.span({
    className: 'icon-bar'
}), 
el.span({
    className: 'icon-bar'
})
),
使用纯JS React.JS

来自React文档,其中有些隐藏

“所有DOM属性和属性(包括事件处理程序)的大小写都应与标准JavaScript样式一致。由于规范不一致,我们在这里故意与规范冲突。但是,data-*和aria-*属性符合规范,并且只应使用小写。”

这有助于确定您已经正确掌握的情况,但是由于默认情况下javascript变量名不允许使用hypens,因此我们还需要引用标识符

因此,使用您的示例,从React 0.13.3开始对我有效的符号是:

el.button({ 
    type: 'button',
    className: 'navbar-toggle',
    "data-toggle": 'collapse', // Syntax Error Here
    "data-target": 'navbar' // Syntax Error Here
},