estou usandoreact, redux ereact-router. Uma das minhas páginas está fazendo uma solicitação de API e mostrando os dados. Funciona bem. O que eu quero saber é que, se a solicitação da API ainda não estiver concluída e o usuário navegar para outra rota, desejo poder abortar a solicitação.

Estou assumindo que devo despachar alguma ação nocomponentWillUnmount. Só não consigo entender como isso vai funcionar. Algo como...

componentWillUnmount() {
    this.props.dispatch(Actions.abortRequest());
}

E eu vou guardar oxhr referência em algum lugar da ação. Não tenho certeza se essa é a abordagem correta ou não (acho que não), alguém pode me apontar na direção certa?