質問編集履歴
3
書式の改善
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
React Hooksを用いた、ページネーションの実装
|
|
1
|
+
React Hooksを用いた、ページネーションの実装が上手くいきません
|
body
CHANGED
|
File without changes
|
2
書式の訂正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,11 +1,20 @@
|
|
|
1
|
+
### 前提・実現したいこと
|
|
2
|
+
|
|
1
3
|
現在、https://qiita.com/takf-jp/items/823c568350097df4ddea
|
|
2
4
|
こちらの記事を参考にして、React Hooksを用いたページネーションの実装を試みています。
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
### 発生している問題
|
|
3
8
|
起こっている問題は
|
|
4
9
|
次へボタンを押した際に、resourceDataが0件未満の際に表示される「データがありません」が、
|
|
5
10
|
画面に表示されてしまうという事です。
|
|
6
11
|
前へボタンを押した際には、resourceDataを取得でき、問題なくデータが表示されます。
|
|
7
12
|
コードを見直しましたが、タイポなどは確認できず、原因が不明で困っております。
|
|
8
13
|
一体どこが原因で、次へボタンを押しても上手くデータが表示されないのでしょうか。
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
### 該当のソースコード
|
|
17
|
+
|
|
9
18
|
```index
|
|
10
19
|
import React from "react";
|
|
11
20
|
import ReactDOM from "react-dom";
|
|
@@ -125,4 +134,13 @@
|
|
|
125
134
|
</ListItem>
|
|
126
135
|
);
|
|
127
136
|
|
|
128
|
-
```
|
|
137
|
+
```
|
|
138
|
+
### 補足情報（FW/ツールのバージョンなど）
|
|
139
|
+
|
|
140
|
+
"@material-ui/core": "^4.11.0",
|
|
141
|
+
"@testing-library/jest-dom": "^4.2.4",
|
|
142
|
+
"@testing-library/react": "^9.3.2",
|
|
143
|
+
"@testing-library/user-event": "^7.1.2",
|
|
144
|
+
"react": "^16.13.1",
|
|
145
|
+
"react-dom": "^16.13.1",
|
|
146
|
+
"react-scripts": "3.4.1"
|
1
誤字修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
前へボタンを押した際には、resourceDataを取得でき、問題なくデータが表示されます。
|
|
7
7
|
コードを見直しましたが、タイポなどは確認できず、原因が不明で困っております。
|
|
8
8
|
一体どこが原因で、次へボタンを押しても上手くデータが表示されないのでしょうか。
|
|
9
|
-
```
|
|
9
|
+
```index
|
|
10
10
|
import React from "react";
|
|
11
11
|
import ReactDOM from "react-dom";
|
|
12
12
|
import { App } from "./App";
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
);
|
|
33
33
|
```
|
|
34
34
|
|
|
35
|
-
```
|
|
35
|
+
```pagenation
|
|
36
36
|
import React, { useReducer } from "react";
|
|
37
37
|
import List from "@material-ui/core/List";
|
|
38
38
|
import Button from "@material-ui/core/Button";
|
|
@@ -114,7 +114,7 @@
|
|
|
114
114
|
|
|
115
115
|
```
|
|
116
116
|
|
|
117
|
-
```
|
|
117
|
+
```List
|
|
118
118
|
import React from "react";
|
|
119
119
|
import ListItem from "@material-ui/core/ListItem";
|
|
120
120
|
import ListItemText from "@material-ui/core/ListItemText";
|