试试 promise.all 和 promise.race 写法，可以简化不少，你上面的例子可以这样写：
const promise1 = Promise.resolve(3);
const promise2 = 42;
const promise3 = new Promise((resolve, reject) => {
setTimeout(resolve, 100, 'foo');
});
Promise.all([promise1, promise2, promise3]).then((values) => {
console.log(values);
});
// expected output: Array [3, 42, "foo"]
等等全部请求完成后再处理
反爬虫也不是这样搞的，浏览器端一加载就不只3个请求了（同域名6个）
提醒你一个问题，为了安全，不应该使用 localStorage 存储 token，而应该使用 cookie + https自己写一个 hook：
export function usePrevious<T>(value: T) {
const ref = useRef<T>();
useEffect(() => {
ref.current = value;
}, [value]);
return ref.current;
}
使用：
const Index = (props) => {
const prevProps = usePreVious(props);
useEffect(() => {
// do something
}, [props, prevProps]);
return <div/>;
};
这个网站上有很多 hook 的例子，可以学习一下。