Javascript 什么';这是React.js上数据切换引导的正确语法
所以我对react和javascript都是新手,我只是想展示一下我是如何在HTML中看到它的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' }
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
},