Redux-saga 和 Forward/Backward 机会
Redux-saga and Forward/Backward opportunity
我正在开发 kiosk 应用程序（用户界面），需要描述不同的支付场景。
为了描述 UI-元素，选择了 React。我喜欢 Redux 的数据流方向。但是在这个架构中，我不知道将业务逻辑放在哪里来描述不同的工作流。在研究中，我发现了一个很棒的模块——redux-saga。我明白了，这个模块可以像进程管理器一样，我发现很多人都是这样想的。
但是 redux-saga 并不是我想要的那么清楚，所以我在这里写下我的问题。
主要认为我有一个大的工作流程，用步骤分开。例如，通过 phone 号码处理 - 手机支付。它看起来像这样：
处理移动支付：
输入phone个数
网上查号
错误响应：错误
- 向后：输入phone数字
确认信息
放现金
付款
错误响应：错误
- 向后：退出手机支付流程
交易信息
在我看来，每个阶段都是一个传奇，它会调用上一个阶段。一切都很好，直到我需要给用户一个机会进入前一阶段，例如，从 Confirmation backward 到 Enter phone number.
所以问题是，如果我可以从一个阶段前进到另一个阶段，然后返回，如何管理我的主要工作流程中的阶段？
感谢解答！
请查看 redux-saga-examples 中的 "Wizard" 示例。
演示：http://kuy.github.io/redux-saga-examples/wizard.html
代码：https://github.com/kuy/redux-saga-examples/tree/master/wizard
此示例有 3 个向导页面 "start"、"verify" 和 "pay"。
"verify" 步骤是一个验证步骤，用于确认在 "start" 步骤中提供的电子邮件地址。如果验证成功，向导将转到 "pay" 步骤。否则，您将返回 "start" 步骤。
除了这些正常流程外，您还可以在验证时手动从 "verify" 步骤返回到 "start" 步骤（需要 5 秒）。当您返回 "start" 步骤时，正在进行的验证过程将被取消。
我正在开发 kiosk 应用程序（用户界面），需要描述不同的支付场景。
为了描述 UI-元素，选择了 React。我喜欢 Redux 的数据流方向。但是在这个架构中，我不知道将业务逻辑放在哪里来描述不同的工作流。在研究中，我发现了一个很棒的模块——redux-saga。我明白了，这个模块可以像进程管理器一样，我发现很多人都是这样想的。
但是 redux-saga 并不是我想要的那么清楚，所以我在这里写下我的问题。
主要认为我有一个大的工作流程，用步骤分开。例如，通过 phone 号码处理 - 手机支付。它看起来像这样：
处理移动支付：
输入phone个数
网上查号
错误响应：错误
- 向后：输入phone数字
确认信息
放现金
付款
错误响应：错误
- 向后：退出手机支付流程
交易信息
在我看来，每个阶段都是一个传奇，它会调用上一个阶段。一切都很好，直到我需要给用户一个机会进入前一阶段，例如，从 Confirmation backward 到 Enter phone number.
所以问题是，如果我可以从一个阶段前进到另一个阶段，然后返回，如何管理我的主要工作流程中的阶段？
感谢解答！
请查看 redux-saga-examples 中的 "Wizard" 示例。
演示：http://kuy.github.io/redux-saga-examples/wizard.html
代码：https://github.com/kuy/redux-saga-examples/tree/master/wizard
此示例有 3 个向导页面 "start"、"verify" 和 "pay"。 "verify" 步骤是一个验证步骤，用于确认在 "start" 步骤中提供的电子邮件地址。如果验证成功，向导将转到 "pay" 步骤。否则，您将返回 "start" 步骤。
除了这些正常流程外，您还可以在验证时手动从 "verify" 步骤返回到 "start" 步骤（需要 5 秒）。当您返回 "start" 步骤时，正在进行的验证过程将被取消。