我在我的React应用程序中使用react-bootstrap作为“原子”级组件,并且我想将HTML5数据-*属性传递给这些组件。即使我确实在我的React-Bootstrap组件(在我的情况下是Button)中传递它们,它们也不会显示出来,当我检查它们时,因此我无法使用它们。现在有没有办法做到这一点?我已经阅读了他们的文档,但没有线索如何做到这一点?
在React中,使用data-*的DOM属性不会被改变。 自React 16起,非数据属性有更严格的规定,但正如您可以在这里所读到的,数据属性仍然保留。 在React Bootstrap中,如果某些元素映射到例如项目列表,则可能会遇到接收数据属性的问题。如果您显示JSX,则可能会更容易诊断。