Javascript 如何在React js中将JSX元素从子元素传递到父元素
我制作了一个布局容器，其中包含作为子对象的主内容、工具栏和工具栏。 工具栏和页脚是动态部分，每个容器或页面都有自己的工具栏和页脚，但所有页面的布局结构都是相同的，因此我制作了多个布局，并在每个容器中调用了相关的布局组件。 但我不认为这是最好的做法，因为我现在有太多的布局！ 那么，有没有办法在子容器中定义布局工具栏和页脚，并将它们传递给布局？ 我知道我可以使用setState方法将它们置于布局状态，但我也知道将元素置于该状态不是最佳做法，因为状态是用于数据，而不是JSX元素或函数。 另外，我认为的另一种方式是使用纯javascript使用布局工具栏和页脚包装器的innerHtml放置工具栏和页脚，但这将是真正的DOM，而不是虚拟DOM，所以这也不是最佳实践 所以，如果有任何基于子组件的动态布局部件的最佳实践，我很乐意了解它们 谢谢Javascript 如何在React js中将JSX元素从子元素传递到父元素,javascript,reactjs,jsx,Javascript,Reactjs,Jsx,我制作了一个布局容器，其中包含作为子对象的主内容、工具栏和工具栏。 工具栏和页脚是动态部分，每个容器或页面都有自己的工具栏和页脚，但所有页面的布局结构都是相同的，因此我制作了多个布局，并在每个容器中调用了相关的布局组件。 但我不认为这是最好的做法，因为我现在有太多的布局！ 那么，有没有办法在子容器中定义布局工具栏和页脚，并将它们传递给布局？ 我知道我可以使用setState方法将它们置于布局状态，但我也知道将元素置于该状态不是最佳做法，因为状态是用于数据，而不是JSX元素或函数。 另外，我认为的