function RenderFolders({data}){ if(!data) return const res=[] res[0]= React.createElement('div', {className:'total-wrap folder-wrap', id:0}) const arr=[data] while(arr.length!==0){ const now=arr.pop() for(let key in now.children){ arr.push(now.children[key]) if(now.children[key].type==='folder'){ res[now.children[key].id]= <div className='folder' id={now.children[key].id}> <div>{key}</div> <div className='folder-wrap'></div> </div> res[now.id].appendChild(res[now.children[key].id]) } else{ res[now.children[key].id]= <div className='file' id={now.children[key].id}> <div>{key}</div> </div> res[now.id].appendChild(res[now.children[key].id]) } } } return res }

Obtuve los datos de la carpeta/archivo y quería transformarlos en un elemento html. Los datos de la carpeta/archivo son de tipo objeto, que se envían como parámetro. Traté de usar el algoritmo dfs para referirme a la estructura de carpetas/archivos, porque no sé cuántas carpetas/archivos hay en una carpeta y qué carpetas/archivos hay en una carpeta. Pero no pude encontrar una manera.

¿Hay alguna manera de hacer que el elemento reaccione y lo agregue dinámicamente a otro elemento en el algoritmo dfs?