Redux和带状态的库（cytoscape）

Question

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

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

组件方面我有一个向导组件，它决定要渲染的表单，以及前进和后退按钮。每个步骤都有一个组件。

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

可能的解决方案：

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

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

感谢您的帮助

Answer 1

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