javascript - 如何在 React js 中将 JSX 元素从子元素传递给父元素

Question

我制作了一个布局容器，它作为一个子项作为主要内容、工具栏和工具栏。工具栏和页脚是动态的部分，每个容器或页面都会有自己的工具栏和页脚，但是所有页面的布局结构都是一样的，所以我做了多个布局，并在每个容器中调用了相关的布局组件。但我不认为这是否是最佳实践，因为我现在有太多布局！那么有没有办法在子容器中定义布局工具栏和页脚并将它们传递给布局？我知道我可以使用 setState 方法将它们置于布局状态，但我也知道将元素置于状态不是最佳实践，因为状态是用于数据，而不是 JSX 元素或函数。还有，我想的另一种方式，

因此，如果有任何基于子组件的动态布局部分的最佳实践，我会很高兴知道它们。

谢谢

标签： javascriptreactjsjsx