judatuzi的博客

原创 React通过统一状态管理工具MOBX实现组件的keep-alive

在实际业务开发中为提升用户体验而将较长的表单拆分多个表单页面的方式，这样不可避免的会遇到用户需要多个表单页面之间来回切换的情况，react-activation提供了路由缓存的解决方案，但是在函数式组件广泛使用的情况下，通过Mobx统一状态管理的方式将更多的函数式组件定义为无状态组件以提高业务代码的可维护性，我想也是一种思路。注意：由于Mobx的响应式数据，item为Proxy代理对象，FormList组件无法对比到组件属性值变化，组件是没办法响应式更新的，需要使用toJS方法转化为普通的js对象。