Как использовать «как» реквизит (elementType) в реагировать * bootstrap компонентов?

Question

В документации - bootstrap в API каждого компонента с типом elementType есть реквизиты «as». Я не могу понять, как использовать его в компоненте. Я попытался передать компоненты React и "<div>test</div>" как «как» реквизиты, но не сработал. Я пытался найти какой-либо пример или реализацию, но не смог найти. Благодаря.

Answer 1

Вы передаете тип компонента, который будет создан с помощью JSX. Внутренне это выглядит примерно так

function Button(props) {
 const ComponentType = as;
 .......
  <ComponentType ......>

Так что, как вы знаете, это будет работать, если это строка с тэгом родного элемента ("div", "table" et c) или действительный компонент React (класс унаследован React.Component или функция для функционального компонента)