问题标签 [react-flow]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
18 浏览

reactjs - 无法在反应流中更新元素状态的值

我正在尝试使用 react-flow 构建带有自定义节点的元素流。

有一个自定义 WelcomeNode,其中包含一个文本字段和可动态添加的 ChoiceNode。

WelcomeNode 文本字段的状态不会更新。

这是代码的沙箱:https ://codesandbox.io/s/objective-matan-mqeb2j?file=/src/components/Flowbuilder.js

0 投票
0 回答
9 浏览

javascript - 在 React 流边缘标签上显示工具提示

每当我将鼠标悬停在 React 流中的边缘标签上时,我都想显示一个工具提示。 在此处输入图像描述

我想要的是每当我们将鼠标悬停在任何标签上时,都会出现一个工具提示。谁能告诉我如何实现这一目标?

0 投票
0 回答
4 浏览

javascript - Dagre 和 React-Flow 不会自动创建句柄(边缘源和目标)。(树可视化)

我正在使用 Dagre 和 React-flow 创建组件树可视化,不幸的是我遇到了一些困难。边缘是正确的,都有正确的源和目标标识符,但是如果我不使用Handle提供的组件react-flow-renderer,将不会出现手柄(小点,边缘的连接点)。即使我设置元素targetPositionsourcePosition. 我想el.targetPositionel.sourcePosition什么也不做。下面的大部分实现来自 React-flow 官网,它们不使用Handle组件。句柄 ID 为空。

您还可以在下面找到快照。

在此处输入图像描述 在此处输入图像描述

  1. 渲染元素

  2. 其余代码