Recursion React Children

reactChild.js

var childrens = [{name: 'ql-0', childrens : [ { name: 'ql-0-0' }] },{name: 'ql-1'}, {name: 'ql-2', childrens : [ { name: 'ql-2-0' }, { name: 'ql-2-1' }] }]

function recursive(children, i){
	return children.map((child, index) => {
     
	 if(child.childrens) return Object.assign({},child,{index: `${i}-${index}`, childrens: recursive(child.childrens, `${i}-${index}`)}); 
     else return Object.assign({},child,{index: `${i}-${index}`});  	
    })
}
var a = recursive(childrens,'ql');