как лучше подправить ?
const fetchWithTimeout = (url: string, timeout: number) => {
const controller = new AbortController();
const signal = controller.signal;
const timeoutAlert = setTimeout(() => {
controller.abort();
}, timeout);
return new Promise(async (resolve, reject) => {
try {
const response = await fetch(url, { signal });
clearTimeout(timeoutAlert);
if (!response) {
reject(`Fetch error: ${response.status} ${response.comment}`);
} else {
resolve(response);
}
} catch (error) {
clearTimeout(timeoutAlert);
reject(error);
}
});
};
const url = 'https://url/api/data';
const timeout = 5000;
useEffect(() => {
fetchWithTimeout(url, timeout)
.then(response => {
console.log('Успешный запрос:', response);
})
.catch(error => {
console.error('Ошибка:', error);
});
}, []);
Нужно написать функцию fetchWithTimeout которая принимает 2 аргумента:
- url - строка
- timeout - число
Функция должна вернуть промис который резолвится результатом GET запроса на url переданный в первом аргументе. Если выполнение запроса заняло больше чем количество миллесекунд из второго аргумента, промис должен зареджектиться с ошибкой 'Timeout', при этом запрос должен перестать выполняться. Если запрос выполнился быстрее чем timeout, но с ошибкой - промис должен зареджектиться с этой ошибкой.
Я так понимаю сейчас const response = await fetch(url, { signal });
вообще ведь не отработает ?
я бы поправил форматирование для кода
в таком виде код лучше не кидать, его очень тяжело читать. Лучше оформи его в песочнице или хотя бы пришли скринш из IDE
понял сейчас испрвавлю
Обсуждают сегодня