有办法为组件设置自定义属性吗？

Question

我想为所有元素设置一个自定义属性。

我的问题是，如果它是一个常见的html标签，它将运行良好。例如：<div data-class="custom" />，但是如果它是一个自定义组件(例如<Component data-class="custom" />)，它将不会在html中呈现data-class，而<Component>不会从props接收data-class。

是否有一种方法可以为<Component>设置属性而不重构<Component>

Answer 1

我已经找到了这个，但我不确定它是否有效。

​

let myAttr = {'data-attr': 'value'}

<MyComponent {...myAttr} />

​