reactjs – Redux和带状态的库(cytoscape)

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

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

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

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

可能的解决方案:

>在每个操作镜像上,还原所需的状态(产生开销,因为我没有显示信息,它们是重复的,可能是相当多的信息)
>将图形的状态向上移动到向导组件,以便在按钮上按下必要的信息(取消我想要在Graph组件中拆分逻辑的整点)

谢谢您的帮助

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

转载注明原文:reactjs – Redux和带状态的库(cytoscape) - 代码日志