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

Question

我在我的react应用程序中将react-bootstrap用于“原子”级组件，并且我希望将HTML5 data- *属性传递给那些组件，即使我确实在我的react-bootstrap组件中传递它们（{{ 3}}（对于我来说）没有出现，当我检查它们时也无法使用它们

现在有办法做到吗？我已经遍历了他们的Button，但是对于如何做到这一点却一无所知？

Answer 1

使用data-*的

DOM属性不会在React中更改。

从React 16开始，对非数据属性有更严格的规定，但是您可以阅读here，将数据属性留在其中。

使用React Bootstrap，某些元素具有issues的数据属性（如果它们映射为说

项的列表）。如果显示JSX，可能会使诊断更加容易。