Reactjs 如何在react引导组件中添加自定义数据-*属性

Reactjs 如何在react引导组件中添加自定义数据-*属性,reactjs,react-bootstrap,custom-data-attribute,Reactjs,React Bootstrap,Custom Data Attribute,我在我的react应用程序中使用“atom”级组件,我想将HTML5数据-*属性传递给这些组件,即使我在我的react引导组件中传递了它们(在我的情况下),它们也不会出现,当我检查它们时,因此我无法使用它们 现在有办法做到这一点吗?我已经看了他们的报告,但是没有关于如何做的线索 使用data-*的DOM属性在React中不会更改 从React 16开始,关于非数据属性有更严格的规则,但正如您所看到的,数据属性保留在中 使用React Bootstrap,某些元素具有接收数据属性,如果它们映射为项

我在我的react应用程序中使用“atom”级组件,我想将HTML5数据-*属性传递给这些组件,即使我在我的react引导组件中传递了它们(在我的情况下),它们也不会出现,当我检查它们时,因此我无法使用它们


现在有办法做到这一点吗?我已经看了他们的报告,但是没有关于如何做的线索

使用
data-*
的DOM属性在React中不会更改

从React 16开始,关于非数据属性有更严格的规则,但正如您所看到的,数据属性保留在中


使用React Bootstrap,某些元素具有接收数据属性,如果它们映射为
  • 项的列表。如果显示JSX,可能会使诊断更容易

    你解决过这个问题吗?@Nenotlep:嗯,不是真的!我想保留在自定义属性中的额外信息附加在id属性中。@HVenom,您使用哪个版本的react引导。正如我在最新的代码中所看到的,他们确实将rest道具传递给组件,因此它将适用于大多数情况components@ShubhamKhatri好!这在我发布这个问题时很奇怪,我正在使用(0.32.0),并且在向按钮传递数据属性时遇到了问题。今天我尝试了同样的方法,效果很好是的,我现在也发现了。也许接受adamnrights的答案,或者@ShubhamKhatri应该添加他们自己的答案?哦,这是真的。如果您在这里添加一个JSX和呈现HTML的示例,那就太酷了,但是+1可以工作。