MobX:派生、动作与反应全解析
1. 计算属性中的错误处理
计算属性具备从计算过程中抛出的错误中恢复的特殊能力。它不会立即失败,而是捕获并保留错误,只有当你尝试读取该计算属性时,才会重新抛出错误。这为你提供了重置某些状态并恢复到默认状态的机会。
以下示例展示了错误恢复的过程:
import { observable, computed } from 'mobx';
const x = observable.box(3);
const y = observable.box(1);
const divided = computed(() => {
if (y.get() === 0) {
throw new Error('Division by zero');
}
return x.get() / y.get();
});
divided.get(); // 返回 3
y.set(0); // 正常
try {
divided.get(); // 抛出错误: Division by zero
} catch (ex) {
// 恢复到安全状态
y.set(2);
}
divided.get(); // 恢复; 返回 1.5
2. 动作(Actions)
动作是改变应用核心状态的方式。强烈建议始终使用动作进行状态变更,避免在动作之外进行突变。可以通过配置 { enforceActions: true } 来强制要求在整个应用中使用动作:
超级会员免费看
订阅专栏 解锁全文
32

被折叠的 条评论
为什么被折叠?



