reactjs - Redux 和带有状态的库 (cytoscape)

Question

我对 React、Redux 和具有自己状态的库有一个特殊问题，并且想知道什么被认为是最佳解决方案:

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

就组件而言，我有一个向导组件，它决定渲染哪个表单，以及前进和后退按钮。每个步骤都有一个组件。

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

可能的解决方案:

• 在每个操作上镜像 redux 中所需的状态(产生开销，因为我没有显示信息，而且它们是重复的，并且可能有很多信息)

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

感谢您的帮助

Answer 1

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