Merge pull request #4 from arifali123/add-key-prop

add key prop in slider to remove warning
jiangbo2015 · Feb 10, 2022 · e892662 · e892662
2 parents caaba92 + 9e59f47
commit e892662
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/carousel.tsx b/src/carousel.tsx
@@ -80,8 +80,8 @@ export const Carousel = ({
     }, [index])
 
     React.useEffect(() => {
-        if(!autoPlay) {
-            return;
+        if (!autoPlay) {
+            return
         }
         const timer = setInterval(() => handleNext(), interval)
         return clearInterval(timer)
@@ -90,7 +90,7 @@ export const Carousel = ({
     return (
         <Contaier ref={containerRef}>
             {childrens.map((child, i) => (
-                <Slider onDragEnd={handleEndDrag} x={x} i={i}>
+                <Slider onDragEnd={handleEndDrag} x={x} i={i} key={i}>
                     {child}
                 </Slider>
             ))}
@@ -114,7 +114,11 @@ export const Carousel = ({
             {renderDots ? (
                 renderDots({ setActiveIndex: setIndex, activeIndex: index })
             ) : (
-                <Dots length={childrens.length} setActiveIndex={setIndex} activeIndex={index} />
+                <Dots
+                    length={childrens.length}
+                    setActiveIndex={setIndex}
+                    activeIndex={index}
+                />
             )}
         </Contaier>
     )