如果prop是组件，则如何渲染Component？

Question

我想制作一个“灵活”的组件，但不确定这是否是一个好的代码：

{
    leftText instanceof Object ? 
        leftText :
           <Text>
              { leftText }
           </Text>
}

因此，如果我收到一个作为道具的组件，我不想将其包装到另一个组件中，而是渲染该组件本身。 ELSE只想将prop包裹在Text组件中。

有解决这个问题的好方法吗？

Answer 1

是的，您的方式肯定有效！但是仅验证子对象是否为Object是非常通用的。您可以使用：

{
    React.IsValidElement(leftText) ? 
        leftText :
           <Text>
              { leftText }
           </Text>
}