Question

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

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

渲染的html应如下所示

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

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

Answer 1

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

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

Answer 2

如果您参考createElement API上的文档，则可以将值插入数据测试道具，如下所示：

<div ng-repeat="item in items">
    {{item}}
      <div>
        <h3>{{item[0].name}}</h3>
        <article ng-repeat="itemDetail in item">
          {{itemDetail.tc}}
        </article>
      </div>
    </div>

如何在react create元素中添加没有值的数据属性？

2 个答案: