31 lines
728 B
TypeScript
31 lines
728 B
TypeScript
|
import { fetchImage } from '@/pages/list/basic-list/service';
|
||
|
|
import { useRequest } from '@umijs/max';
|
||
|
|
import { useEffect, useState } from 'react';
|
||
|
|
|
||
|
|
const useFetchImageUrl = (imageInstanceId: string) => {
|
||
|
|
const [imageUrl, setImageUrl] = useState("error");
|
||
|
|
const { data: response, run } = useRequest(
|
||
|
|
() => {
|
||
|
|
return fetchImage(imageInstanceId);
|
||
|
|
},
|
||
|
|
{
|
||
|
|
manual: true,
|
||
|
|
onSuccess: (data) => {
|
||
|
|
console.log(data);
|
||
|
|
},
|
||
|
|
},
|
||
|
|
);
|
||
|
|
useEffect(() => {
|
||
|
|
if (response) {
|
||
|
|
setImageUrl(URL.createObjectURL(response));
|
||
|
|
}
|
||
|
|
}, [response]);
|
||
|
|
useEffect(() => {
|
||
|
|
if (imageInstanceId) {
|
||
|
|
run();
|
||
|
|
}
|
||
|
|
}, [imageInstanceId]);
|
||
|
|
return imageUrl;
|
||
|
|
};
|
||
|
|
export default useFetchImageUrl;
|