我制作了一个布局容器，其子级为主要内容，工具栏和工具栏。 工具栏和页脚是动态部件，每个容器或页面将具有自己的工具栏和页脚，但是布局结构在所有页面中都是相同的，因此我制作了多个布局，并在每个容器中称为相关的布局组件。 但是我不认为这是否是最佳实践，因为我现在的布局太多了！ 因此，有什么方法可以在子容器中定义布局工具栏和页脚并将它们传递到布局吗？ 我知道我可以使用setState方法将它们置于布局状态，但是我也知道，将元素置于状态不是最佳实践，因为状态用于数据，而不是JSX元素或函数。 另外，我认为，另一种方法是使用纯JavaScript来放置工具栏和页脚，并使用布局工具栏和页脚包装的innerHtml，但这将是真实的DOM，而不是虚拟DOM，因此也不是最佳实践！
因此，如果有最佳实践来基于子组件制作动态布局零件，我将很高兴认识它们。
谢谢