8、MobX:派生、动作与反应全解析

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 } 来强制要求在整个应用中使用动作:

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值