
同时需要两个接口的数据,结合成Cascader级联选择的结构,实用promise的all方法,非常好用!
直接上代码:
import { useRequest } from 'umi';
const Test= () => {
useEffect(() => {
format();
}, []);
// 获取所有产品列表
const { run: fetchProductList } = useRequest(A, { manual: true });
// 获取一级类目列表
const { run: fetchCategoryList } = useRequest(B, { manual: true });
const format = async () => {
const [category, product] = await Promise.all([
fetchCategory({}),
fetchProductList(),
]);
console.log('promise.all', category, product);
};
}
THE END!
网友评论