小编Itz*_*eta的帖子

我有一个这样的组件

    const Component = () => {
     return (
    <div>
       <div className="data1">
         {children}
       </div>
       <div className="data1">
         {children2}
       </div>
    </div>
)
    }

我希望在“data1”div 中包含 Item1 和 Item2，在“data2”div 中包含一些其他组件。编写下一个代码我只有 Item1 和 Item2 作为子项，但我不知道如何传递第二个子项（例如 Item3 和 Item4）

<Component>
  <Item1/>
  <Item2/>
</Component>

我必须在应用程序中多次重用该组件，因此返回元素的名为children2的函数不是一个好主意，因为它们根据我使用该组件的位置而有所不同。