渲染React本地嵌套组件

Question

有没有办法实现“本地”组件？

<Page>
    <Header> ... </Header>
</Page>

VS

<Page>
    <Page.Header> ... </Page.Header>
</Page>

如何实现Header（如果可能的话），在第一个示例中，React将创建Page.Header而不是某些“全局”标题？

谢谢， 乔治

Answer 1

我建议实现一个Header组件（或将其命名为CustomHeader），该组件需要一个或多个道具。

<Page>
    <CustomHeader passedProp={...}> ... </CustomHeader>
</Page>