Merge pull request #871 from thundersdata-frontend/rn-issue

fix: 修复picker组件多列时值互相干扰的问题
thundersdata-frontend · May 27, 2024 · 8239f66 · 8239f66
2 parents d3746cc + f559e98
commit 8239f66
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/.changeset/eight-windows-eat.md b/.changeset/eight-windows-eat.md
@@ -0,0 +1,5 @@
+---
+'@td-design/react-native-picker': patch
+---
+
+fix: 修复picker组件多列时值互相干扰的问题
diff --git a/packages/react-native-picker/src/picker/components/Normal/useNormalPicker.ts b/packages/react-native-picker/src/picker/components/Normal/useNormalPicker.ts
@@ -54,11 +54,17 @@ export default function useNormalPicker({
     return () => sub.remove();
   }, [visible]);
 
-  const handleChange = (val: ItemValue) => {
+  const handleChange = (val: ItemValue, index: number) => {
+    let draft = selectedValue ? [...selectedValue] : undefined;
+    if (!draft) {
+      draft = [val];
+    } else {
+      draft[index] = val;
+    }
     if (displayType === 'view') {
-      onChange?.([val]);
+      onChange?.(draft);
     }
-    selectValue([val]);
+    selectValue(draft);
   };
 
   const handleClose = () => {