setState in async function response native

Question

Я использую компонент Navigator в своем приложении, чтобы отображать содержимое маршрута, я делаю HTTP-запрос с извлечением, чтобы получить данные с сервера.

componentDidMount() { 
    fetch(url).then((res) => { 
     this.setState({data: res}); 
    }); 
} 

У меня есть проблема, что иногда не получать закрывающие пожары, когда компонент, который назвал его больше не установлен таким образом, я получаю сообщение об ошибке, что я пытаюсь обновить отключенный компонент. Это происходит, если вы быстро перемещаетесь между маршрутами. Есть ли способ прекратить выполнение закрытия, если компонент отключен?

Answer 1

При монтаже вашего компонента вы должны запустить fetch запрос, который дает Promise и сохранит его.

Тогда вы можете сделать это Promise a CancelablePromise и отменить обещание по размонтированию компонента.

Here вы можете прочитать, как сделать CancelablePromise.

Answer 2

Перед установкой состояния необходимо проверить, установлен ли компонент.

componentDidMount() { 
    this.isMounted = true; 
    fetch(url).then((res) => { 
     if(this.isMounted) { 
      this.setState({this.data: res}); 
     } 
    }); 
} 

componentWillUnmount() { 
    this.isMounted = false; 
}