vue render 函数递归渲染树子节点不显示

Question

codepen 地址：https://codepen.io/yanzisen/p...
代码如下

render (h) {
        // this.data.children.map((item, index) => {
        //     return h('div', {}, children)
        // })
        function iterate (arr) {
            return arr.map((item, index) => {
                console.log(item.name)
                let children = []
                if (item.children && item.children.length) {
                    children = iterate(item.children)
                }
                console.log('children', children)
                return h('div', {
                    key: item.code,
                    domProps: {
                        innerText: item.name
                    }
                }, children)
            })
        }
        let children = iterate(this.data)
        let el = h('div', {}, children)
        console.log('reduce', el)

        return el
}