ReactJS - 将组件和元素作为道具传递

Question

我有这个Tabs组件，允许您通过属性自定义布局的某些部分。

例如，您可以为新标签按钮设置自定义布局，或者在打开新标签时默认呈现的内容。

在第一种情况下，Tabs组件可以接收Component类/函数作为名为customTabComponent的道具，用于创建每个Tab元素：< / p>

<Tabs customComponent={MyCustomComponent} ... />

但是，在第二种情况下，内容将始终相同，因此Tabs可以将React的元素作为属性而不是组件接收：

render () {
    const defaultContent = <DefaultTabContent prop1={x} prop2={y}/>
    return (
       <Tabs defaultTabContent={defaultContent} ... />
    )    
}

将Element作为道具而不是Component传递是否有意义？如果是，Tabs组件将为每个新选项卡使用此元素。 Tabs组件是否应克隆每个新Tab的传递元素？