Question

我是ReactJs的新手，我不知道我是否以React方式思考＆＃34;。这是我的情景：

我有一个Header组件和一个Body内容。我有一个Layout组件，可以呈现标题和正文。这是固定的结构。

所以我有一个Dashboard组件，但我需要在body组件中渲染Dashboard。这就是我的问题，我不知道如何渲染仪表板组件= /

有人可以帮助我吗？

Answer 1

您可以使用this.props.children在中实现嵌套的动态子组件。

如果我理解正确，您的应用具有以下结构：

<div>
  <Header />
  <Body />
</div>

您可以嵌套深度超过一个级别的组件，因此将上述内容更改为

<div>
  <Header />
  <Body>
    <Dashboard />
  </Body>
</div>

允许您通过在 Body <Body>来呈现 Dashboard 组件（和/或嵌套在{this.props.children}标记内的任何其他内容） >组件的渲染功能。

您可以使用条件并使用此技术渲染所需的子组件。

您可以阅读有关嵌套子组件here的更多信息。