Question

所以我一般都很反应和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

Answer 1

来自Dom Differences的React文档，它有点隐藏，

“所有DOM属性和属性（包括事件处理程序）都应该与标准JavaScript样式保持一致。由于规范不一致，我们故意违反规范。但是，data- *和aria- *属性符合这些规格应该只是低调的。“

这有助于确定您已经正确使用的案例，但由于默认情况下不允许对javascript变量名称进行大肆宣传，我们还需要引用标识符。

所以，使用你的例子，从React 0.13.3开始对我有用的符号是：

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

React.js上Data-Toggle Bootstrap的正确语法是什么

1 个答案: