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

Question

我在我的react应用程序中使用react-bootstrap作为'atom'级组件，我想将HTML5 data-*属性传递给这些组件，即使我确实在我的react-bootstrap组件中传递它们（在我的例子中是按钮）当我检查它们时没有出现，因此我无法使用它们

现在有办法做到这一点吗？我已经阅读了他们的文档，但不知道如何做到这一点？

Answer 1

React 中使用的 DOM 属性data-*不会改变。

从 React 16 开始，关于非数据属性有更严格的规则，但正如您可以在此处阅读的那样，数据属性被保留。

使用 React Bootstrap，某些元素在接收数据属性时会遇到问题，如果它们映射到一个列表

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