質問編集履歴
3
書式の改善
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
React Hooksを用いた、ページネーションの実装
|
|
1
|
+
React Hooksを用いた、ページネーションの実装が上手くいきません
|
test
CHANGED
|
File without changes
|
2
書式の訂正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,7 +1,17 @@
|
|
|
1
|
+
### 前提・実現したいこと
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
1
5
|
現在、https://qiita.com/takf-jp/items/823c568350097df4ddea
|
|
2
6
|
|
|
3
7
|
こちらの記事を参考にして、React Hooksを用いたページネーションの実装を試みています。
|
|
4
8
|
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
### 発生している問題
|
|
14
|
+
|
|
5
15
|
起こっている問題は
|
|
6
16
|
|
|
7
17
|
次へボタンを押した際に、resourceDataが0件未満の際に表示される「データがありません」が、
|
|
@@ -14,6 +24,14 @@
|
|
|
14
24
|
|
|
15
25
|
一体どこが原因で、次へボタンを押しても上手くデータが表示されないのでしょうか。
|
|
16
26
|
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
### 該当のソースコード
|
|
32
|
+
|
|
33
|
+
|
|
34
|
+
|
|
17
35
|
```index
|
|
18
36
|
|
|
19
37
|
import React from "react";
|
|
@@ -253,3 +271,21 @@
|
|
|
253
271
|
|
|
254
272
|
|
|
255
273
|
```
|
|
274
|
+
|
|
275
|
+
### 補足情報（FW/ツールのバージョンなど）
|
|
276
|
+
|
|
277
|
+
|
|
278
|
+
|
|
279
|
+
"@material-ui/core": "^4.11.0",
|
|
280
|
+
|
|
281
|
+
"@testing-library/jest-dom": "^4.2.4",
|
|
282
|
+
|
|
283
|
+
"@testing-library/react": "^9.3.2",
|
|
284
|
+
|
|
285
|
+
"@testing-library/user-event": "^7.1.2",
|
|
286
|
+
|
|
287
|
+
"react": "^16.13.1",
|
|
288
|
+
|
|
289
|
+
"react-dom": "^16.13.1",
|
|
290
|
+
|
|
291
|
+
"react-scripts": "3.4.1"
|
1
誤字修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
|
|
15
15
|
一体どこが原因で、次へボタンを押しても上手くデータが表示されないのでしょうか。
|
|
16
16
|
|
|
17
|
-
```
|
|
17
|
+
```index
|
|
18
18
|
|
|
19
19
|
import React from "react";
|
|
20
20
|
|
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
|
|
67
67
|
|
|
68
68
|
|
|
69
|
-
```
|
|
69
|
+
```pagenation
|
|
70
70
|
|
|
71
71
|
import React, { useReducer } from "react";
|
|
72
72
|
|
|
@@ -230,7 +230,7 @@
|
|
|
230
230
|
|
|
231
231
|
|
|
232
232
|
|
|
233
|
-
```
|
|
233
|
+
```List
|
|
234
234
|
|
|
235
235
|
import React from "react";
|
|
236
236
|
|