如何在JSX中添加自定义html属性

如果您使用的是es6，则应该可以：

<input {...{ "customattribute": "somevalue" }} />

考虑您要传递一个myAttr以value 命名的自定义属性myValue，这将起作用：

<MyComponent data-myAttr={myValue} />

您可以使用“ is ”属性来禁用元素的React属性白名单。

在这里查看我的答案： Stackoverflow