Afficher les propriétés d'un JSON

Bonjour,

Je suis un nouveau tuto pour cellecter des données d'une base de donnée avec useQuery.

Code:

1
2
3
4
5
6
 const {data:showStations, isLoading, error} = useQuery({ // Min 52 https://www.youtube.com/watch?v=bpHq_-bPkGo
        queryKey: ['station'],
        queryFn: fetchStations,
    })
 
    console.info("query :" + JSON.stringify(showStations, null, 1))

Le console.log m'affiche

Code:

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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
 
 (NOBRIDGE) INFO  query :{
 "response": 200,
 "method": "GET",
 "id": 1,
 "stations": [
  {
   "id_field": 2,
   "field_name": "Hutins",
   "id_station": 1,
   "station_longname": "ST Bourgeon 1",
   "id_station_type": 1,
   "station_type_name": "Gel de printemps",
   "station_archive": 1,
   "lat": 46.187164,
   "lng": 5.997526,
   "alt": 100,
   "measures": [
    {
     "labels": [
      "2021-04-30 11:44:11",
      "2021-04-30 11:57:24",
      "2021-04-30 12:10:38",
      "2021-04-30 12:23:51",
      "2021-04-30 12:37:05"
     ],
     "datasets": {
      "data": [
       {
        "value": 9.7,
        "date": "2021-04-30 11:44:11",
        "dataPointText": 9.7
       },
       {
        "value": 10.1,
        "date": "2021-04-30 11:57:24",
        "dataPointText": 10.1
       },
       {
        "value": 9.9,
        "date": "2021-04-30 12:10:38",
        "label": "Apr-30",
        "dataPointText": 9.9
       },
       {
        "value": 9.5,
        "date": "2021-04-30 12:23:51",
        "dataPointText": 9.5
       },
       {
        "value": 9.1,
        "date": "2021-04-30 12:37:05",
        "dataPointText": 9.1
       }
      ],
      "label": "Temp. bas [°C]",
      "yAxisID": "y-axis-1",
      "type": "line",
      "borderWidth": 1,
      "borderColor": "rgba(54, 162, 235, 1)",
      "backgroundColor": "rgba(54, 162, 235, 1)",
      "pointRadius": 1,
      "pointHoverRadius": 13,
      "showLine": 1,
      "pointStyle": "cicle",
      "fill": false
     },
     "unit": "°C",
     "chartContainer": "te",
     "sensor_type": "te",
     "sensor_type_awe": "temperature-celsius",
     "sensor_type_longname": "Températures",
     "id_sensor_type": 2,
     "id_sensor": 4
    }
   ],
   "measures_found": true,
   "station_found": true,
   "latest_measure": "2021-04-30 12:37:05"
  }
 ],
 
 "from": "2021-04-30 11:37:05",
 "to": "2021-04-30 12:37:05"
}

Ma question est bête, mais comment je peux faire un console.log sur field_name?

J'ai essayé ceci sans succès

Code:

1
2
3
showStations.stations.field_name
showStations?.stations?.[0]?.field_name
showStations.stations.[0].field_name

le dernier me semble le plus juste, mais il m'affiche toujours "undefined"

Qu'est-ce que j'ai louper pour arriver à mes fins?

stations est un tableau, donc :

showStations.stations[0].field_name ?

Nico

Ho yé, merci

C'est bien un petit point en trop. ceci fonctionne

Code:

1
2
3
console.info("query e :" + showStations.stations[0].field_name) // Station 1
console.info("query e :" + showStations.stations[0].station_longname) // station 2
console.info("query e :" + showStations.stations[0].latest_measure) // 2025-05-01 22:01:30

Merciii