如何自动为React元素添加适当的类名

Question

我的目标是将类名添加到生成的html元素中。类名必须与react组件类相对应。这是测试目的所必需的。即当我声明<SomeClassComponent/>或使用React.createElement(SomeClassComponent)创建元素时，我希望输出中有<div class="SomeClassComponent">。 如何在不更改React源代码的情况下实现此目的？

Answer 1

this.constructor.name应该是这样做的方法。 JSFiddle

<div className={this.constructor.name}>