fix: 修复useRef缓存引起的color实例内部属性未更新，导致的在Form中reset引起的死循环

huangchen1031 · Sep 27, 2024 · cdb480d · cdb480d
1 parent d6933f1
commit cdb480d
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/color-picker/components/panel/index.tsx b/src/color-picker/components/panel/index.tsx
@@ -58,6 +58,13 @@ const Panel = forwardRef<HTMLDivElement, ColorPickerProps>((props, ref) => {
   });
 
   const colorInstanceRef = useRef<Color>(new Color(innerValue || defaultEmptyColor));
+  useEffect(() => {
+    colorInstanceRef.current = new Color(innerValue || defaultEmptyColor);
+    return () => {
+      colorInstanceRef.current = null;
+    };
+  }, [innerValue, defaultEmptyColor]);
+
   const getModeByColor = colorInstanceRef.current.isGradient ? 'linear-gradient' : 'monochrome';
   const formatRef = useRef<TdColorPickerProps['format']>(colorInstanceRef.current.isGradient ? 'CSS' : format ?? 'RGB');