react公共组件怎么提取出来

Question

当项目中的公共头部，尾部这种公共部分的组件怎么把它提取出来方便其他地方使用
如下图的红框部分：

怎么把这两个部分提出来

Answer 1

上下两部分为两个单独的组件，中间为一个，不就行了，单独组件，可以任意组合使用