refactor: optimize renderCard function in App.tsx

Skipperlla · May 12, 2024 · aab2673 · aab2673
1 parent ea3ab76
commit aab2673
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 17 deletions.
diff --git a/README.md b/README.md
@@ -124,8 +124,7 @@ const App = () => {
   const ref = useRef<SwiperCardRefType>();
 
   const renderCard = useCallback(
-    (image: ImageSourcePropType, index: number) => {
-      console.log('index', index);
+    (image: ImageSourcePropType) => {
       return (
         <View style={styles.renderCardContainer}>
           <Image

diff --git a/example/src/App.tsx b/example/src/App.tsx
@@ -24,21 +24,17 @@ const IMAGES: ImageSourcePropType[] = [
 const App = () => {
   const ref = useRef<SwiperCardRefType>();
 
-  const renderCard = useCallback(
-    (image: ImageSourcePropType, index: number) => {
-      console.log('index', index);
-      return (
-        <View style={styles.renderCardContainer}>
-          <Image
-            source={image}
-            style={styles.renderCardImage}
-            resizeMode="cover"
-          />
-        </View>
-      );
-    },
-    []
-  );
+  const renderCard = useCallback((image: ImageSourcePropType) => {
+    return (
+      <View style={styles.renderCardContainer}>
+        <Image
+          source={image}
+          style={styles.renderCardImage}
+          resizeMode="cover"
+        />
+      </View>
+    );
+  }, []);
   const OverlayLabelRight = useCallback(() => {
     return (
       <View