React 流程图:输入文本在图表节点内无法正常工作

React Flow Chart: Input Text not working properly inside chart nodes

我一直在使用 npm 包 react-flow-chart 来创建流程图。

现在,我在每个节点中添加了一个文本输入组件,

但是,当我键入时,我的组件的 onChange 事件没有触发!!

是否有影响文本输入的属性图表?

经过充分的研究找到了原因... 在图表节点中的输入文本中键入时 图表节点 re-renders 每次, 这使得输入文本为 re-render

在输入框中键入的唯一方法是在键入时将图表设置为“只读”属性“真”,这将停止图表节点的re-rendering !!