Reactjs 如何使用React'；多个嵌套组件的s props.children？

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

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

在应用程序中导入和使用我的组件时，我如何才能在侧边栏、内容等中“注入”一些新的React组件

我学习了

道具。孩子们

，但我感到困惑。我明白我不能像在我的案例中那样使用它，但应该按照SplitPane示例（“包含”部分）中描述的方式使用它

然而，我读过很多次，我们不应该将组件作为道具传递，而这正是他们正在做的

---

我应该这样做吗？

您将向这些组件注入子组件，就像在html中一样：

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

---

您将向这些组件注入子组件，就像在html中一样：

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

导入组件中的其他组件，就像您在应用中导入的组件一样。导入组件中的其他组件，就像您在应用中导入的组件一样。出于某种原因，我认为可能我不想导出所有组件，但我想得太多了……出于某种原因，我认为可能我不想导出所有组件，但我想得太多了。。。