質問編集履歴
1
コードの修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
const Pagination = ({ allPages, currentPage, setIsLoading,setCurrentPage}) => {
|
|
56
56
|
|
|
57
57
|
//ページの表示形式
|
|
58
|
-
const [
|
|
58
|
+
const [tempNumberOfPages, settempNumberOfPages] = useState([])
|
|
59
59
|
|
|
60
60
|
const numberOfPages = []
|
|
61
61
|
for (let i = 1; i <= allPages; i++) {
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
tempNumberOfPages = numberOfPages
|
|
69
69
|
}
|
|
70
70
|
//ここで無限ループ発生(for文で作成した配列をuseStateに格納したいがどのように記述すればよい？
|
|
71
|
-
set
|
|
71
|
+
settempNumberOfPages(tempNumberOfPages);
|
|
72
72
|
|
|
73
73
|
)
|
|
74
74
|
return (
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
{tempNumberOfPages.map(((item, index) => {
|
|
84
84
|
return <a
|
|
85
85
|
className={`${currentPage === item ? 'btn btn-primary' : 'btn'}`}
|
|
86
|
-
onClick={() => set
|
|
86
|
+
onClick={() => settempNumberOfPages(item)}
|
|
87
87
|
>
|
|
88
88
|
{item}
|
|
89
89
|
</a>
|
|
@@ -93,9 +93,9 @@
|
|
|
93
93
|
<a
|
|
94
94
|
onClick={() => {
|
|
95
95
|
const nextPageNumber = +currentPage + 1;
|
|
96
|
-
set
|
|
96
|
+
settempNumberOfPages(nextPageNumber);
|
|
97
97
|
}}
|
|
98
|
-
//onClick={() => set
|
|
98
|
+
//onClick={() => settempNumberOfPages(prev => prev >= allPages ? prev : prev + 1)}
|
|
99
99
|
>
|
|
100
100
|
次へ
|
|
101
101
|
</a>
|