fix: 修复死循环问题

JackySoft · Oct 30, 2024 · 261a431 · 261a431
1 parent 9718633
commit 261a431
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/packages/editor/src/packages/FormItems/CheckBox/CheckBox.tsx b/packages/editor/src/packages/FormItems/CheckBox/CheckBox.tsx
@@ -29,15 +29,19 @@ const MCheckBox = ({ id, type, config, onChange }: ComponentType<IConfig>, ref:
   const [disabled, setDisabled] = useState(false);
   const { form, formId, setFormData } = useFormContext();
   const variableData = usePageStore((state) => state.page.variableData);
-  // 初始化默认值
+
+  /**
+   * 初始化默认值
+   * 此处需要注意：默认值可能是一个数组，必须比对字符串，否则会出现死循环
+   */
   useEffect(() => {
     const name: string = config.props.formItem?.name;
     const value = config.props.defaultValue || [];
     if (name && !isNull(value)) {
       form?.setFieldValue(name, value);
       setFormData({ name: formId, value: { [name]: value } });
     }
-  }, [config.props.defaultValue]);
+  }, [JSON.stringify(config.props.defaultValue)]);
 
   // 启用和禁用
   useEffect(() => {

diff --git a/packages/materials/FormItems/CheckBox/CheckBox.tsx b/packages/materials/FormItems/CheckBox/CheckBox.tsx
@@ -29,15 +29,19 @@ const MCheckBox = ({ config, onChange }: ComponentType<IConfig>, ref: any) => {
   const [disabled, setDisabled] = useState(false);
   const { form, formId, setFormData } = useFormContext();
   const variableData = usePageStore((state) => state.page.variableData);
-  // 初始化默认值
+
+  /**
+   * 初始化默认值
+   * 此处需要注意：默认值可能是一个数组，必须比对字符串，否则会出现死循环
+   */
   useEffect(() => {
     const name: string = config.props.formItem?.name;
     const value = config.props.defaultValue || [];
     if (name && !isNull(value)) {
       form?.setFieldValue(name, value);
       setFormData({ name: formId, value: { [name]: value } });
     }
-  }, [config.props.defaultValue]);
+  }, [JSON.stringify(config.props.defaultValue)]);
 
   // 启用和禁用
   useEffect(() => {