Javascript 如何包装一个可以在react中包装其他组件的组件？

假设我有一个组件，可以有这样的子组件

<Component>
    <Child/>
    <Child/>
</Component>

---

事实证明，我并没有创建这个组件，它来自一个外部依赖，但我想在不同的地方使用这个组件传递相同的道具，因为我想到了一个ParentComponent来包装组件。我以前做过，只要被包装的组件不围绕像这样的其他组件，它就可以工作。我该怎么做？提前感谢

您可以使用React.Fragment来包装组件，但它不会出现在dom中

我相信您想要的是传递

子类

道具，因此您可以创建以下元素

const Wrapper = ({children}) => (
  <Component>
    <Child/>
    <Child/>
    {children}
  </Component>
)

const包装器=（{children}）=>(
{儿童}
)

然后将其用作

<Wrapper>
  <span>hi</span>
</Wrapper>

你好

最终渲染的树将是

<Component>
  <Child/>
  <Child/>
  <span>hi</span>
</Component>

你好

See它教如何包装组件，但在示例中它返回一个简单组件。我想包装一个围绕其他组件的组件。将与开始和结束标记一起使用的组件