関数、プロパティ、イベントをVue版に合わせて修正

fjordllc · Jan 13, 2024 · 27b1d67 · 27b1d67
1 parent 95409d8
commit 27b1d67
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/app/javascript/components/Pager.jsx b/app/javascript/components/Pager.jsx
@@ -8,15 +8,15 @@ export default function Pager({
   clickHandle
 }) {
   const makeITag = (iconName) => {
-    return `<i class='fas fa-angle-${iconName}'></i>`
+    return <i className={`fas fa-angle-${iconName}`}></i>
   }
 
   return (
     <ReactPaginate
-      forcePage={initialPageNumber - 1}
+      forcePage={initialPageNumber}
       pageCount={pageCount}
       pageRangeDisplayed={pageRange}
-      onPageChange={clickHandle}
+      onPageChange={(event) => clickHandle(event.selected + 1)}
       previousLabel={makeITag('left')}
       nextLabel={makeITag('right')}
       breakLabel={'...'}