如何将React的props.children用于多个嵌套组件？

Question

我正在使用React Bootstrap组件构建一个小布局模板。简化的结构将是：

<Layout
 <Header />
 <Sidebar />
 <Content />
 <Footer />
/>

在应用程序中导入和使用我的组件时，我将如何能够＆＃34;注入＆＃34;补充工具栏，内容等中的一些新的React组件？

我了解了props.children here，但感到困惑。我知道我不能像我的情况那样使用它，但应该按照他们在SplitPane示例中描述的方式（＆＃34; Containment＆＃34;部分）来使用它。

但是，我多次读到我们不应该将组件作为道具传递，这就是他们正在做的事情。

这是我应该这样做的吗？

Answer 1

您将像html中一样将子项注入到这些组件中：

<Layout
 <Header />
 <Sidebar />
 <Content >
    <SomeChildComponent/>
</Content>
 <Footer />
/>