全局状态及可复用状态暂且不提。
加入一个页面会有三个弹窗,每个弹窗都已经抽成独立的组件。
- 这些弹窗的状态是否需要存储到redux里面,三个弹窗用三个 toggleShowXXX。业务逻辑也冗余在 action 里面,比如一个创建的弹窗执行完毕,提交表单,刷新页面这些动作全都放在 action 里面。
- 非共享即用型状态还是放在 state 里面,根据业务逻辑主动调用不同的 action。
如果选择1,那么将会有大量的私有 action 出现,因为业务逻辑组合肯定很少复用的。
最后的问题就是:怎么处理从弹窗到填写完信息提交表单至最后的刷新页面这整个流程中的状态变化?
store
, 用一个类型即可,modalType
,toggleModal({ modalType: 'modalOne' })
(一个页面要同时使用两个)modal
的方法带过去,处理完后执行。