动态使用 React Flow

【问题标题】：Using React Flow Dynamically动态使用 React Flow
【发布时间】：2021-10-27 13:39:52
【问题描述】：

我是 React 新手，想知道是否有人有动态使用 React Flow 库的经验？据我所知，使用这个库的主要方式是在src/components/目录下创建一个静态的.tsx文件。

我想使用我的 MongoDB 中的 JSON 条目，并根据 React 中的某些标志/值动态创建流程图。如果 React Flow 可以做到这一点，我将不胜感激链接或帮助！提前致谢。

【问题讨论】：

    标签： javascript reactjs mongodb


    【解决方案1】：

    这绝对有可能。

    正如您在此示例中看到的，节点和边都表示为 JSON：https://reactflow.dev/examples/edges/

    您可以随时修改elements 数组并通过添加简单的 JSON 节点来添加更多元素。

    除此之外，您还可以自动布局图表：https://reactflow.dev/examples/layouting/

    【讨论】：

      猜你喜欢
      • 1970-01-01
      • 2016-08-20
      • 2018-04-27
      • 1970-01-01
      • 1970-01-01
      • 2017-11-14
      • 1970-01-01
      • 1970-01-01
      • 2022-08-05
      相关资源
      最近更新 更多
      热门标签
      Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode