react hook 的 setState 没有 callback 大家是怎么使用得心应手的哦？

[HariopaNic]

比如一个最基础的刷新列表功能：
刷新调取的函数
const onRefresh = async () => {
setRefreshing(true);
setPageNo(1);
setIsListEnd(false);
setList([]);
initList();
setRefreshing(false);
}
拿数据的函数
const initList = async () => {
if (isLoading || isListEnd) return;
setIsLoading(true);
//在此处调取 api
let res =......;
setList(list.concat(res));
setPageNo(pageNo + 1);
setIsLoading(false);
if (res.length < pageSize) setIsListEnd(true);
}
在刷新函数里 set 的值在 initList 函数里使用时都不是最新的，没有 callback 使用咋那么不得劲呢，有没有大佬指点下该怎么改，谢谢了。

[HariopaNic]

up……

[HariopaNic]

up

[HariopaNic]

uppppp

[Chemist]

有用到 state 的函数要用 useCallback

const fn = useCallback(initList, [list, pageNo, isLoading, isListEnd]);

[newbieRenew]

你都 async 了。await 后再 set

[PeakFish]

用 useEffect 监听数据改变处理啊， 你没发现 useEffect 就是 vue 里面的 watch 吗。监听变量改变然后自己操作。

[JetMac]

伪代码

[HariopaNic]

@JetMac 你这个就进入的时候调用一次啊，我的场景是 set 之后在 fetchdata 函数中拿不到最新的 state

[HariopaNic]

@newbieRenew await setState 没用吧，我试了下没效果。

[newbieRenew]

你是不是用到定时器了，记得清除

[Hanser002]

你可以把 useEffect 当成 callback 使用

[yushiro]

用 useEffect，监听某个 state 的值，发生变化了，就会执行 effect

[momocraft]

如果你非常想要 callback 应该可以用 useState+useRef+useEffect 糊一个

[imjamespond2020]

好拿最新值直接 setFoo(foo=>这是最新的 foo)。。。。

[AV1]

setState 可以接受一个函数，函数的参数就是最新值。