数据更改
useRequest 提供了 mutate 方法,允许你直接修改当前的数据状态而无需重新发起请求。这在实现乐观更新、表单数据处理、用户交互反馈等场景中非常有用。
ts
const { mutate } = useRequest(getUser);
// 直接设置
mutate(newData);
// 函数方式
mutate((data) => {
data = newData;
});只是对data做一些简单的修改可以考虑computed
ts
const { data } = useRequest(getUser);
const newData = computed(() => `${data.value} 是个肌肉男。`);基本用法
最简单的用法是直接传入新的数据值来替换当前状态:
乐观更新
在需要提升用户体验的场景下,可以在发送请求之前就立即更新 UI。如果请求失败,可以回滚数据:
Result
| 参数 | 说明 | 类型 |
|---|---|---|
| mutate | 直接修改data | (data: D | ((data: D) => D)) => void |
