为什么“ this.props.HTMLTag”在render方法中变成HTML元素，以及如何正确执行此操作？

Question

传递字符串道具，例如“ h2”到随后呈现如下内容的组件：<this.props.HTMLTag />显示为真实的

HTML元素。这是这样做的正确方法吗？

我正在构建一个反应就地编辑组件。试图找到一种方法来传递另一个可编辑的文本标签。

<Example HTMLTag=‘h2’ />

内部示例：

…
render() {
  return (
    <div>
      <this.props.HTMLTag className=‘foo’ />
    </div>
  );
}
…

这是执行此操作的正确方法吗？为什么破坏道具并尝试使其不起作用？

任何有关如何更好地做到这一点的建议将不胜感激。