Quiero hacer una estructura de vista de árbol en React JS. Ya uso el paquete "goJS", pero tengo algunos problemas. Como el precio de este paquete es muy alto, no puedo comprarlo.
El problema es que cada vez que minimizo el nodo principal, se desplaza hacia el lado izquierdo y tampoco puedo inspeccionar la vista de árbol.
También adjunto la captura de pantalla de mi estructura deseada. También estoy realizando algunas acciones básicas en cada nodo y minimizando y expandiendo cada nodo. ¿Puede alguien por favor ayudar?
Puede usar MUI para su estructura de vista de árbol. https://mui.com/material-ui/react-tree-view/ Buena suerte.
En mi trabajo, implementamos una vista similar dentro de nuestra aplicación de front-end de reacción usando @visx/hierarchy , que se basa en la jerarquía d3. Le sugiero que revise los ejemplos, tienen algunos resultados similares a la imagen que vinculó, especialmente en el ejemplo de tipos de enlace .
Tenga en cuenta que no es una solución "lista para usar", requerirá algo de trabajo para obtener el resultado exacto que desea, pero la biblioteca facilitará el cálculo de las distintas posiciones de los nodos en un diseño jerárquico.
