如何获取孩子并将其与自定义标签一起包装在样式组件中？

Question

假设我有一个名为<Things>的样式化组件

const Things = styled.div`
  /* some css */
`

和反应

class Rendered extends React.Component {
  static Items () {
    return (
      <React.Fragment>
        <span>Item1</span>
        <span>Item2</span>
        <span>Item3</span>
      </React.Fragment>
    )
  }

  render () {
    return (
      <Things>
        <Rendered.Items />
      </Things>
    )
  }
}

<Items />可以是任何大小的任何东西。
是否可以用父标签将所有item包装在<Items /> ？
喜欢：

<Things>
  <div>
    <span>item1</span>
  </div>
  <div>
    <span>item2</span>
  </div>
  <div>
    <span>item3</span>
  </div>
</Things>

那我就可以

const Things = styled.div`
  & > div {
    /* some css */
  }
`