8. 实用函数 - 8.12. transaction
优质
小牛编辑
134浏览
2023-12-01
Transaction 是底层 API,在绝大多数场景下 action 或 runInAction 会是更好的选择
transaction(worker: () => void)
可以用来批量更新,在事务结束前不会通知任何观察者。transaction
接收一个无参数的 worker
函数作为参数并运行它。
这个函数完成运行前不会通知任何观察者。transaction
返回 worker
函数返回的任何值。
注意 transaction
完全是同步运行的。
Transactions 可以嵌套。只有在完成最外面的 transaction
后,其他等待的 reaction 才会运行。
import {observable, transaction, autorun} from "mobx";
const numbers = observable([]);
autorun(() => console.log(numbers.length, "numbers!"));
// 输出: '0 numbers!'
transaction(() => {
transaction(() => {
numbers.push(1);
numbers.push(2);
});
numbers.push(3);
});
// 输出: '3 numbers!'