使用cloneelement时如何在元素上设置数据属性？
我试过这种方法。
const clonedItem = React.cloneElement(item, {
dataset: { "data-test": 123 },
dataTest: 123,
})
但这并没有在我的 html 中设置任何属性......
可能是您将自定义组件存储在item变量中，即
let item = <ItemComponent />.
只需将 html 元素存储在item变量中，即
let item = <div><h1>Hello</h1></div>
这将在div元素中设置属性。
如果使用自定义组件，则需要使用组件中传入的 props。
即ItemComponent会像
function ItemComponent({dataTest}){
return (
<div dataTest={dataTest}>
<h1>Hello</h1>
</div>
);
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句