Skip to content

数据更改

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

贡献者 ☘️

Flame-00

Flame-00

Creator