Javascript 在react中的元素上使用aria属性

我有以下渲染方法：

render: function () {
  return (
    React.createElement('div', {className: 'modal', id: 'errorModal', tabIndex: '-1', role: 'dialog', ariaHidden: 'true', dataBackdrop: 'false', style: {marginTop: '30px'}}, 'text')
  )
}

这给了我一个错误：

react.js:20541警告：未知道具

ariaHidden

，

dataBackdrop

打开 标签。从元件上取下这些支柱。有关详细信息，请参阅 在div中（由构造函数创建） 在构造函数中

---

我怎样才能解决这个问题？文档说明我可以使用这些属性。小写也不起作用。我不想使用jsx。

使用连字符来定义

aria

属性，而不是驼峰大小写，如下所述：

---

尝试使用

'aria-hidden'

而不是

ariahiden

同样，使用

数据背景

而不是

dataBackdrop

。数据属性必须以React的

Data-

前缀开头才能传递。React对连字符道具名称发出警告，而在其他情况下对驼峰式道具名称发出警告，这似乎有悖常理！为什么不保持一致性并要求保持一致性等？

render: function () {
  return (
    React.createElement('div', {className: 'modal', id: 'errorModal', tabIndex: '-1', role: 'dialog', 'aria-hidden': 'true', dataBackdrop: 'false', style: {marginTop: '30px'}}, 'text')
  )
}