如何在React中引用标准HTML元素类型？[副本]

Question

在React中，我可以引用任何组件函数，这对于我希望有条件地使用一种组件类型而不是另一种组件类型的情况非常有用。例如：

const Link = ({ text, href, external = false }) => {
  const LinkType = external ? ExternalLink : InternalLink

  return <LinkType href={href}>{text}</LinkType>
}

我不明白的是，当我的子组件是简单的HTML元素时，如何实现相同类型的接口？有这样的东西吗？

const SomeComponent = external ? React.Component('div') : React.Component('span')

Answer 1

就像这样：

const SomeComponent = external ? <div>Hey!</div> : <span>Hey!</span>;