reactjs - 如何在 react-bootstrap 组件中使用 'as' props (elementType)？

Question

在 react-bootstrap 文档中，每个组件的 API 中都有“as”属性，类型为 elementType。我不知道如何在组件中使用它。我尝试传入 React 组件和 "<div>test</div>"作为“as” Prop 但没有用。我试图搜索任何示例或实现，但找不到。谢谢。

Answer 1

您正在传递将使用 JSX 实例化的组件类型。内部看起来有些相似

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

如您所知，如果它是一个带有本地元素标记名的字符串(“div”、“table” 等)或有效的 React 组件(类继承React.Component 或功能组件的函数)