Voici les données JSON que je reçois du serveur :
{"id" : 1, "text_data": "example data"}
Maintenant, j'essaie d'analyser ces données JSON dans un objet TS :
export interface IncomingData { id: number; text_data: string; } function App() { // 它可以重写为 'await axios.get<IncomingData>('http://localhost:3000/api')' 并删除 useQuery 的 turbofish 语法。没有任何变化。 let json_object = useQuery<IncomingData>("data_ex_key", async () => { try { const response = await axios.get('http://localhost:3000/api'); return response.data; } catch (err) { throw err } }); if (json_object.data !== undefined) { console.log(json_object.data.text_data); } }
Dans la console, je reçois undefined
的文本。问题是我已经使用了react-query调试器调试了这段代码,并显示json_object
查询已成功获取数据。我可以访问这些数据,但无法访问其属性,如text_data
.
J'ai trouvé une solution.
Besoin d'utiliser un tableau au lieu d'un seul objet.