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

Question

我在我的案例中使用 react-bootstrap for 'atom' level components in my react app and I want to pass HTML5 data-* attributes to those component and even though I do pass them in my react-bootstrap component ( Button）它们没有出现，当我检查它们时，因此我无法使用它们

现在有办法吗？我已经完成了他们的 documentation 但不知道如何做？

Answer 1

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

从 React 16 开始，非数据属性有更严格的规则，但正如您所见here，数据属性被保留。

使用 React Bootstrap，某些元素已经 issues 接收数据属性，如果它们映射到

项的列表。如果你展示你的 JSX，它可能会使诊断更容易。