企业官网建设流程全解析

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

1. MobX基础概念回顾

在深入具体的应用场景之前，我们先回顾一下MobX的几个核心概念。

• 可观察状态（Observable State）：可观察状态是MobX应用的核心，它可以分为最小核心状态和派生状态。派生状态是核心状态的各种投影，我们可以通过派生（Derivations）来处理核心状态在UI上的展示以及执行特定领域的操作。在添加新的核心状态之前，我们应该先考虑是否可以将其作为派生状态来处理，只有在无法作为派生状态时才引入新的核心状态。
• 动作（Actions）：动作是用于修改可观察状态的函数。异步动作与常规动作类似，但当配置了enforceActions时，需要使用runInAction()来包装异步代码中的状态突变。当动作中包含多个异步部分时，flow()是一个更好的选择，它接受一个生成器函数（用function*(){ }表示），并通过yield来处理基于Promise的调用。
• 反应（Reactions）：reaction()和autorun()提供了额外的选项来控制它们的行为，它们共享一些选项，如name、delay和onError。 <