Я хочу обратиться к двум ошибкам с одним состоянием реагирования. Например, Bar Bar , как только состояние будет установлено порода, не найденная , оно не сможет вернуться к , пожалуйста, введите породу , если поле ввода очищено.
// get the images of the breed that is choosen
const loadByBreed = async (value: string) => {
if (!nameOfBreeds.includes(value)) {
setFetchError("Breed not found")
};
if(!value && value === "") {
setFetchError("Please type in a breed name");
return;
}
try {
const response = await fetch(`https://dog.ceo/api/breed/${value}/images`)
const data = await response.json()
// if (data.message === "Breed not found (master breed does not exist)" ) {
// setFetchError(data.message.slice(0, 16));
// }
console.log(data.message)
setImagesOfABreed(data.message)
} catch (error) {
const err = error as Error
console.log(err.message)
}
}
useEffect(() => {
loadByBreed(debouncedQuery);
// eslint-disable-next-line
}, [debouncedQuery])
Подробнее здесь: https://stackoverflow.com/questions/758 ... first-time
