Discussion :

[hmscompagnie]

Bonjour,
Je travaille sur une application React Native.

Je récupère un tableau de JSON avec un fetch, mais quand j'essaie de traiter ces données hors du fetch, j'ai une erreur "undefined is not a function".

Voici le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
const [receiptData, setReceiptData] = useState(defaultValues);
var labels;
 
 
fetch(url + query)
  .then(function(res) {
    if (res.ok) {
      return res.json();
 
    }
  })
  .then(function(value) {
    setReceiptData(value);
    console.log("rec data fetch =" + receiptData[0].Duree) //La valeur s'affiche
 
  })
  .catch(function(err) {
 
    console.log(err)
  })
 
console.log(typeof receiptData[0].Duree); //String
 
 
labels = receiptData[1].Date
console.log("lab =" + labels) //erreur : undefined is not a function

Si je fais :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
labels = receiptData[0].Duree;
          console.log(labels);

dans le fetch, la valeur s'affiche.
Le même code hors du fetch déclenche une erreur : undefined is not an object (evaluation 'receiptData[0].Duree')

J'ai fait un typeof de receiptData[0].Duree à l'extérieur du fetch qui donne un String. J'ai essayé in typeof de labels mais ça plante avant.

[NoSmoking]

Bonjour,

dans le fetch, la valeur s'affiche.
Le même code hors du fetch déclenche une erreur : undefined is not an object (evaluation 'receiptData[0].Duree')

là c'est normal, c'est le principe des fonctions synchrones.

Il te faut exploiter ta valeur dans le .then(), là où la valeur est disponible, ou faire appel à une fonction qui va exploiter cette valeur.

[NoSmoking]

Je te renvoie à une autre discussion sur le même thème : Mettre la valeur de PromiseResult dans une variable .

[hmscompagnie]

Merci.