9、MobX实战：表单验证与页面路由

MobX实战：表单验证与页面路由

1. MobX基础概念回顾

1.1 可观察状态与派生状态

在MobX应用中，核心是可观察状态，它分为最小核心状态和派生状态。派生状态是核心状态在UI上的各种投影，以及执行特定领域操作的方式。在添加新的核心状态之前，应先考虑能否将其作为派生状态处理，只有在无法实现时才引入新的核心状态。

1.2 异步操作与反应

异步操作在MobX中与常规操作类似，但当配置了 enforceActions 时，需要将异步代码中的状态突变包装在 runInAction() 中。当操作中有多个异步部分时， flow() 是更好的选择，它接受一个生成器函数，并使用 yield 处理基于Promise的调用。

reaction() 和 autorun() 提供了额外的选项来控制其行为，它们共享一些选项，如 name 、 delay 和 onError 。 reaction() 还有两个额外选项： equals 用于控制跟踪函数产生的数据的比较方式， fireImmediately 用于控制效果函数是否在跟踪函数首次运行后立即触发。

2. 表单验证示例

2.1 交互分析

表单验证是Web应用中的经典用例，以用户