Bloc catch: impossible de lire la propriété 'catch' de undefined

Question

J'ai un problème avec catch block qui ne fonctionne pas et génère une erreur.

Cette erreur est survenue lorsque j'ai ajouté ce bloc if-else NetInfo avant d'ajouter ce bloc, mais après l'avoir ajouté en affichant cette erreur. Voici mon code dans login.js

componentDidMount() { 
const { navigate } = this.props.navigation; 
NetInfo.isConnected.fetch().done((isConnected) => { 
if (isConnected) 
{ 
    return fetch('http://10.42.0.1:8000/stocks/', 
{ 
    method: "GET", 
    headers: { 
    'Authorization': `JWT ${"eyJhbGciOiJIUz1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VybmFtZSI6InNhbSIsInVzZXJfaWQiOjYxLCJlbWFpbCI6IiIsImV4cCI6MTUwNDAzNDUzOX0.d3tbOUS_0L9RzkWA30DT8mv7v7j0XuxnRuI_luhuNzI"}` 
    } 
}) 
    .then((response) => response.json()) 
    .then((responseJson) => { 
    if (!responseJson.post){ 
    navigate("Login"); 
    }else 
    { 
    let ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2}); 
    this.setState({ 
    isLoading: false, 
    sa: ds.cloneWithRows(responseJson.post), 
    }); 
    } 
}) 
}else 
{ 
    navigate("Login"); 
    Alert.alert(
    'Check Internet connection', 
    ) 
} 
}).catch((error) => { 
    console.log(error); 
    }) 
} 

où je me trompe? S'il vous plaît, aidez-nous ...

Answer 1

Essayez de changer votre .done en .then.

Je suggère également d'extraire une partie de cette logique dans des fonctions distinctes pour le rendre plus facile à lire sur vous-même. Beaucoup d'accolades et de parens partout!