想实现一个react DOM组件，如 父组件多次使用子组件

<YNode cn='b' l={map1}>
    <YNode cn='d' l={map2}> </YNode>
</YNode>

子组件每次被调用返回DOM

 render () {
      let { cn,l } = this.props;
      return (
        <div className={cn}>
          {l}
        </div>
      )
  }

请问各位，这功能如何实现？

每个组件是相互独立的啊

这应该是树结构吧，用数组组织下传参吧