如何在反应创建元素中添加没有值的数据属性？

Question

我添加div到 DOM 如下，

React.createElement("div", { className: "test"});

呈现的 html 应如下所示

<div class="test" data-test>
</div>

我可以data-test在哪里添加createElement？

Answer 1

您不能这样做，因为没有任何值的属性意味着该属性true在 JSX 中具有值。只是不要通过data-test并且this.props['data-test']将在您的组件中未定义。或者，如果您需要将此属性设置为空值，则只需将其添加到组件定义中的默认值即可。

defaultProps: {
    'data-test': ''
}