in

React-expandible-treeview con datos de matriz

Estoy usando el componente react-expandable-treeview para mostrar mi matriz de datos para un proyecto de árbol genealógico.

Al usar la recursión como se muestra en la documentación, terminé pasando mi matriz de datos al componente TreeView de esta manera:

<TreeView data={data} renderNode={({label}) => <div>{label}</div>}/>

donde data contiene identificadores, nombres y niños de cada individuo de la familia, empezando por el padre raíz y sus hijos, luego los hijos de los hijos, etc.

Así es como se ven los datos en la consola. Ahora estoy luchando con la forma de acceder a cada uno de los datos de la matriz para mostrarlos correctamente en una estructura de vista de árbol plegable.

     var n=0

     const data = [{
       id: n,
       label: items.first_name,
       children: items.children
   }] 

Y así es como lo veo en el sitio web después de hacer clic en el nombre raíz y su primer hijo.

No estoy seguro de cómo debo acceder exactamente a los niños para mostrar cada uno de ellos correctamente. Aquí no puedo ver sus nombres y todos colapsan a la vez en lugar de hacerlo uno por uno después de hacer clic en cada nodo. He intentado usar el mapeo en children campo en el const datapero eso solo me dio error de sintaxis.

¿Cómo puedo hacerlo correctamente? Agradecería cualquier ayuda en eso.

0

¿Te ayudó la respuesta?

Subscribirse
Notificar por
guest
0 Comentarios
Inline Feedbacks
Ver todas las Respuestas

Sobre anillos $R$ sin identidad multiplicativa tal que $R/I$ tiene unidad

Cómo redirigir el tráfico del contenedor A al contenedor B cuando se usa la dirección de la interfaz externa