我正在扩展组件,并希望向其添加额外的属性。要添加新的类属性,我正在使用:
extraProps.className = 'some-value';
或ID ...
extraProps.ID = 'some-value';
但是如何添加数据属性?例如
data-my-attribute
我尝试了camelCase约定:
extraProps.dataMyAttribute = 'some-value';
...但是它不会在输出的HTML中添加破折号。输出
dataMyAttribute='some-value'
完整代码:
function addMyProp( extraProps, props ) {
extraProps.dataSomeAttribute = 'something' // it doesn't add the data- prefix
return extraProps;
}
最佳答案
对于数据属性,请响应doesn't require camel case。
您尝试过extraProps['data-my-attribute'] = 'something'
吗?