React-Query と Axios を使用して JSON データを TypeScript オブジェクトに解析する簡単な方法

Question

これはサーバーから受信した JSON データです:

リーリー

今、この JSON データを TS オブジェクトに解析しようとしています:

リーリー

コンソールに 未定義というテキストが表示されます。問題は、react-query デバッガーを使用してこのコードをデバッグしたところ、json_object クエリがデータを正常にフェッチしたことが示されていることです。データにはアクセスできますが、text_data などのプロパティにはアクセスできません。

Answer 1

解決策が見つかりました。

単一オブジェクトの代わりに配列を使用する必要があります。