質問編集履歴
5
ソースコードの追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
|
|
51
51
|
export default function Home( {searchList, postList} ) {
|
|
52
52
|
const [name, setName] = useState('');
|
|
53
|
-
const handleName = (event
|
|
53
|
+
const handleName = (event) => {
|
|
54
54
|
setName(event.target.value)
|
|
55
55
|
search(event)
|
|
56
56
|
}
|
4
ソースコードの追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -37,11 +37,11 @@
|
|
|
37
37
|
export async function search(event) {
|
|
38
38
|
const searchRes = await fetch(
|
|
39
39
|
`https://restcountries.eu/rest/v2/name/${event.target.value}` )
|
|
40
|
-
const
|
|
40
|
+
const searchList = await searchRes.json()
|
|
41
41
|
console.log(postList)
|
|
42
42
|
return{
|
|
43
43
|
props: {
|
|
44
|
-
|
|
44
|
+
searchList
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
}
|
3
説明文の変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
### 前提・実現したいこと
|
|
2
2
|
|
|
3
3
|
実現したい事
|
|
4
|
-
- データを取得
|
|
4
|
+
- 検索フォームに文字を入力する度外部APIからデータを取得し検索結果を表示（上書き）させたい
|
|
5
5
|
|
|
6
6
|
前提
|
|
7
7
|
- onChangeを使い入力する度に外部APIのデータを取得するまではできている
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
|
|
12
12
|
### 発生している問題・エラーメッセージ
|
|
13
13
|
|
|
14
|
-
onChengeの中にAPIを取得する関数を入れて入力するたびにデータは取得できているがフロントに反映させる方法が思いつかない。
|
|
14
|
+
onChengeの中にAPIを取得する関数を入れて入力するたびにデータは取得できているがフロントに反映させる方法が思いつかないです。
|
|
15
15
|
|
|
16
16
|
### 該当のソースコード
|
|
17
17
|
|
2
説明文の変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
### 前提・実現したいこと
|
|
2
2
|
|
|
3
|
+
実現したい事
|
|
4
|
+
- データを取得するたびに検索結果を表示（上書き）させたい
|
|
5
|
+
|
|
3
6
|
前提
|
|
4
7
|
- onChangeを使い入力する度に外部APIのデータを取得するまではできている
|
|
5
8
|
|
|
6
|
-
実現したい事
|
|
7
|
-
- データを取得するたびに検索結果を表示（上書き）させたい
|
|
8
|
-
|
|
9
9
|
React Next.js共に初めて４日目の初心者です、拙いコードですが宜しくお願いいたします
|
|
10
10
|
|
|
11
11
|
|
1
説明文の変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
### 前提・実現したいこと
|
|
2
2
|
|
|
3
3
|
前提
|
|
4
|
-
- 検索フォームをに入力するたびに検索結果を表示したい
|
|
5
4
|
- onChangeを使い入力する度に外部APIのデータを取得するまではできている
|
|
6
5
|
|
|
7
6
|
実現したい事
|