Soy nuevo en React y me preguntaba si alguien tenía experiencia en el uso dinámico de la biblioteca React Flow . Por lo que puedo decir, la forma principal de usar esta biblioteca es crear un archivo .tsx estático en el directorio src/components/ .
Me gustaría usar una entrada JSON de mi MongoDB y crear dinámicamente un diagrama de flujo basado en ciertos indicadores/valores dentro de React. Si esto es posible con React Flow, agradecería un enlace o ayuda. Gracias por adelantado.
Eso es absolutamente posible.
Como puede ver en este ejemplo, el nodo y los bordes se expresan como JSON: https://reactflow.dev/examples/edges/
Puede modificar la matriz de elements en cualquier momento y agregar más elementos simplemente agregando nodos JSON simples.
Además de eso, puede diseñar automáticamente su diagrama: https://reactflow.dev/examples/layouting/
Consulte los documentos de guardar y restaurar. Puede guardar (o crear su propia) representación JSON de un flujo de trabajo y luego restaurarla según sea necesario. https://reactflow.dev/docs/examples/interaction/save-and-restore/