Redux 和带状态的库 (cytoscape)

Question

我对 react、redux 和一个有自己状态的库有一个特殊的问题，想知道什么是最好的解决方案：

我有一个包含 3 个步骤的表单向导（一般信息、高级信息、用户绘制的图形 (cytoscape)）

在组件方面，我有一个向导组件，它决定呈现哪个表单，以及前进和后退按钮。每个步骤都有一个组件。

问题：最后一个表单在 cytoscape.js 中有自己的状态，我需要在用户完成并按下按钮完成时收集一些信息并执行一个小的计算。但是该按钮由向导组件管理。

可能的解决方案：

• 在每个操作中镜像 redux 中所需的状态（产生开销，因为我没有显示信息，它们是重复的，可能是相当多的信息）

• 将图形的状态向上移动到向导组件，以便在按下按钮时可以获取必要的信息（打败了我想在图形组件中拆分逻辑的整个点）

感谢您的帮助

Answer 1

通常，使用 Redux 的人会自己保留所有状态，因此他们的整个应用程序都是可序列化的。他们使用 cy.json() and/or ele.json() 用更新的应用程序状态对图形进行差异修补。我不是 Redux 专家，但这是我看到人们经常做的事情。