Un moyen simple d'analyser les données JSON dans des objets TypeScript à l'aide de React-Query et Axios
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.
