如何在react-bootstrap组件中添加自定义data- *属性

Question

我在我的react应用程序中将React-bootstrap用于'atom'级组件，并且我想将HTML5 data- *属性传递给那些组件，即使我确实在我的react-bootstrap组件中传递它们（在我的案例中为Button ）没有出现，当我检查它们时，因此我无法使用它们

现在有办法做到吗？ 我已经阅读了他们的文档，但是没有关于如何执行此操作的线索？

Answer 1

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

从React 16开始，关于非数据属性的规则更加严格，但是正如您在此处所看到的那样 ，数据属性仍然保留。

使用React Bootstrap时，如果某些元素映射为表示以下内容的列表，则某些元素在接收数据属性时会遇到问题

项目。 如果显示JSX，可能会使诊断更加容易。