fix(controller): running-elephant#368 on select custom optionItem

xieliuduo · Dec 16, 2021 · 90380f8 · 90380f8
1 parent 3ca5628
commit 90380f8
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/...ControllerWidgetPanel/ControllerConfig/ValuesSetter/ValuesOptionsSetter/CustomOptions.tsx b/...ControllerWidgetPanel/ControllerConfig/ValuesSetter/ValuesOptionsSetter/CustomOptions.tsx
@@ -52,9 +52,10 @@ export const CustomOptions: React.FC<CustomOptionsProps> = memo(
 
     const handleRowStateUpdate = useCallback(
       (row: FilterValueOption) => {
-        const oldRowIndex = rows.findIndex(r => r.index === row.index);
-        rows.splice(oldRowIndex, 1, row);
-        onChangeFilterOptions(rows.slice());
+        const newRows = [...rows];
+        const targetIndex = newRows.findIndex(r => r.index === row.index);
+        newRows.splice(targetIndex, 1, row);
+        onChangeFilterOptions(newRows);
       },
       [onChangeFilterOptions, rows],
     );
@@ -107,11 +108,12 @@ export const CustomOptions: React.FC<CustomOptionsProps> = memo(
             <a
               href="#!"
               style={{ color: record.isSelected ? 'red' : '' }}
-              onClick={() =>
-                handleRowStateUpdate(
-                  Object.assign(record, { isSelected: !record.isSelected }),
-                )
-              }
+              onClick={() => {
+                handleRowStateUpdate({
+                  ...record,
+                  isSelected: !record.isSelected,
+                });
+              }}
             >
               {record.isSelected ? '取消默认值' : '设为默认值'}
             </a>