Почему this.props.HTMLTag превращается в элемент HTML в методе рендеринга и как это сделать правильно?

Question

Передача струнной опоры, например H2 для компонента, который затем визуализируется следующим образом: <this.props.HTMLTag /> отображается как реальный

HTML-элемент. Это правильный способ сделать это?

Я создаю реактивный компонент редактирования на месте. Попытка найти способ передать другой текстовый тег для редактирования.

<Example HTMLTag=‘h2’ />

внутри Пример:

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

Это правильный способ сделать это? Почему разрушение опоры и попытка сделать ее неработающей?

Любой совет о том, как сделать это лучше, будет принят.