Fix: imageZoom beforeChange

ZeroCho · ZeroCho · commit 73827ced907a · 2021-02-25T00:31:06.000+09:00
diff --git a/ch2/front/components/ImagesZoom/index.js b/ch2/front/components/ImagesZoom/index.js
@@ -17,7 +17,7 @@ const ImagesZoom = ({ images, onClose }) => {
         <div>
           <Slick
             initialSlide={0}
-            afterChange={(slide) => setCurrentSlide(slide)}
+            beforeChange={(slide, newSlide) => setCurrentSlide(newSlide)}
             infinite
             arrows={false}
             slidesToShow={1}
diff --git a/ch3/front/components/ImagesZoom/index.js b/ch3/front/components/ImagesZoom/index.js
@@ -17,7 +17,7 @@ const ImagesZoom = ({ images, onClose }) => {
         <div>
           <Slick
             initialSlide={0}
-            afterChange={(slide) => setCurrentSlide(slide)}
+            beforeChange={(slide, newSlide) => setCurrentSlide(newSlide)}
             infinite
             arrows={false}
             slidesToShow={1}
diff --git a/ch4/front/components/ImagesZoom/index.js b/ch4/front/components/ImagesZoom/index.js
@@ -17,7 +17,7 @@ const ImagesZoom = ({ images, onClose }) => {
         <div>
           <Slick
             initialSlide={0}
-            afterChange={(slide) => setCurrentSlide(slide)}
+            beforeChange={(slide, newSlide) => setCurrentSlide(newSlide)}
             infinite
             arrows={false}
             slidesToShow={1}
diff --git a/ch5/front/components/ImagesZoom/index.js b/ch5/front/components/ImagesZoom/index.js
@@ -17,7 +17,7 @@ const ImagesZoom = ({ images, onClose }) => {
         <div>
           <Slick
             initialSlide={0}
-            beforeChange={(slide) => setCurrentSlide(slide)}
+            beforeChange={(slide, newSlide) => setCurrentSlide(newSlide)}
             infinite
             arrows={false}
             slidesToShow={1}
diff --git a/ch6/front/components/ImagesZoom/index.js b/ch6/front/components/ImagesZoom/index.js
@@ -17,7 +17,7 @@ const ImagesZoom = ({ images, onClose }) => {
         <div>
           <Slick
             initialSlide={0}
-            beforeChange={(slide) => setCurrentSlide(slide)}
+            beforeChange={(slide, newSlide) => setCurrentSlide(newSlide)}
             infinite
             arrows={false}
             slidesToShow={1}
diff --git a/ch7/front/components/ImagesZoom/index.js b/ch7/front/components/ImagesZoom/index.js
@@ -18,7 +18,7 @@ const ImagesZoom = ({ images, onClose }) => {
         <div>
           <Slick
             initialSlide={0}
-            beforeChange={(slide) => setCurrentSlide(slide)}
+            beforeChange={(slide, newSlide) => setCurrentSlide(newSlide)}
             infinite
             arrows={false}
             slidesToShow={1}
