fix: fix update value issue.

uiwjs · Jun 26, 2023 · ebff191 · ebff191
1 parent afd0f60
commit ebff191
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/core/src/editor/objectKey.tsx b/core/src/editor/objectKey.tsx
@@ -12,6 +12,7 @@ export const ObjectKey: FC<ObjectKeyProps<object>>= (props) => {
   const { className, value, keyName, parentName, quotes, label, onEdit, highlightUpdates = true, render, ...reset } = props;
   const [editable, setEditable] = useState(false);
   const [curentLabel, setCurentLabel] = useState(label);
+  useEffect(() => setCurentLabel(label), [label]);
   const $edit = useRef<HTMLSpanElement>(null);
   useHighlight({ value, highlightUpdates: highlightUpdates, highlightContainer: $edit });
   const click = (evn: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {

diff --git a/core/src/editor/value.tsx b/core/src/editor/value.tsx
@@ -1,4 +1,4 @@
-import { FC, Fragment, PropsWithChildren, useRef, useState } from 'react';
+import { FC, Fragment, PropsWithChildren, useEffect, useRef, useState } from 'react';
 import type { TypeProps } from '../value';
 import { getValueString, isFloat, Type, typeMap } from '../value';
 import { EditIcon } from './icon/edit';
@@ -25,6 +25,7 @@ export function ReValue<T extends object>(props: ReValueProps<T>) {
   const $edit = useRef<HTMLSpanElement>(null);
   const [curentType, setCurentType] = useState(type);
   const [curentChild, setCurentChild] = useState(value);
+  useEffect(() => setCurentChild(value), [value]);
   const click = (evn: React.MouseEvent<SVGElement, MouseEvent>) => {
     evn.stopPropagation();
     if ($edit.current) {