Элемент Push без закрывающей метки JSX

Question

Я хочу выполнить нижеследующую рекурсивную функцию, проблема ul Поскольку, когда функция вызывается, я нажимаю тег ul и в конце forEach Я закрываю его. Если я изменил outputArray.push(<ul>) с закрытием </ul>, тогда он отлично работает, но это не послужит моей цели.

Все вокруг?

Примечание: Это рекурсивная функция.

function flatten(data, outputArray) { 
 
     outputArray.push(<ul>) 
 
     data.forEach(function (asset){ 
 
      if(asset.children.length) { 
 
       outputArray.push(<li><button onClick={_ => this.appendAssets(asset.name)}>{asset.name}</button></li>); 
 
       flatten(asset.children, outputArray); 
 
      } 
 
      else{ 
 
       outputArray.push(<li><button onClick={_ => this.appendAssets(asset.name)}>{asset.name}</button></li>); 
 
      } 
 
     }); 
 
     outputArray.push(</ul>) 
 
    }

Answer 1

Рассмотрим следующую структуру

let enclosure = []; 
loop { 
    enclosure.push(jsx); 
} 
return (<ul>{enclosre}</ul>);