код, в котором по нажатии на кнопку отправляется запрос к апи на создание нового тега:
export default () => {
const [isLoading, setIsLoading] = useState(false);
const handleCreateClick = async () => {
setIsLoading(true);
await createNewTag();
setIsLoading(false);
};
return (
<Button
onClick={handleCreateClick}
>
Create new tag
</Button>
);
};
Проблема вот в чем: если во время выполнения запроса я уйду на другую страницу, то вот этот код
setIsLoading(false);
Поругается такой ошибкой:
Can't perform a React state update on an unmounted component.
Есть ли какая-то хорошая практика, чтобы избегать такую ошибку?
Я конечно хз, но может из функции запроса как раз менять?
Cancelable promise гугли
сохранять в this промис реквеста и канцелить при анмаунт
запросы выполняются в стейт менеджере не нужно пихать их в компоненты (slowmode 30 secs suxx)
Обсуждают сегодня