質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.44%
React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

Q&A

解決済

1回答

1091閲覧

React axiosのgetでエラーになります。

ratezou

総合スコア64

React.js

Reactは、アプリケーションのインターフェースを構築するためのオープンソースJavaScriptライブラリです。

0グッド

0クリップ

投稿2023/03/21 22:48

Reactの勉強中です。
React実践の教科書という本で勉強しているのですが、そのchapter9でつまづいています。

axios

1axios 2 .get("https://my-json-server.typicode.com/Goolaa/demo/users2") 3 .then((result) => { 4 const users = result.data.map((user) => ({ 5 id: user.id, 6 name: `${user.lastname} ${user.firstname}`, 7 age: user.age 8 })); 9 setUserList(users); 10 }) 11 .catch(() => setIsError(true)) 12 .finally(() => setIsLoading(false));

このロジックを動かすと、

error

1TypeError 2Cannot read properties of undefined (reading 'get')

となります。

ちなみに環境は、
https://codesandbox.io/s/vigilant-robinson-mdhfto?file=/src/App.jsx:329-711
get内のURLを実行すると、きちんと値が返ってきます。

URLからの返却

1[ 2 { 3 "id": 1, 4 "firstname": "勉", 5 "lastname": "主田", 6 "age": 24 7 }, 8 { 9 "id": 2, 10 "firstname": "未来", 11 "lastname": "先岡", 12 "age": 28 13 }, 14 { 15 "id": 3, 16 "firstname": "一郎", 17 "lastname": "後藤", 18 "age": 23 19 } 20]

どなたか、getでエラーにならない方法をお教えください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

import {axios} from 'axios';ではなく、import axios from 'axios';です。

投稿2023/03/21 23:07

maisumakun

総合スコア145360

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ratezou

2023/03/21 23:10

思ったように動作しました。 テキストにも{}はありませんでした。 お騒がせいたしました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.44%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問