html - 如何在 react 创建元素中添加没有值(value)的数据属性？

Question

我正在将 div 添加到 DOM，如下所示，

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

呈现的 html 应该如下所示

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

我可以在createElement中的什么地方添加data-test？

Answer 1

如果您引用 createElement 上的文档API，您可以像这样将值插入数据测试 Prop :

React.createElement('div', {className: 'test', 'data-test': 'some value'});