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

Question

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

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

所以如果我收到一个组件作为道具，我不想将它包装到另一个组件中，而是渲染组件本身。 ELSE 只想将 prop 包装在 Text 组件中。

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

Answer 1

是的，你的方法绝对有效！但是仅仅验证孩子是否是一个对象是非常通用的。你可以使用：

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