Bläddra i källkod

fix rerender on save json

Aykut Saraç 3 år sedan
förälder
incheckning
4c80f6f30a
1 ändrade filer med 6 tillägg och 1 borttagningar
  1. 6 1
      src/containers/JsonEditor/index.tsx

+ 6 - 1
src/containers/JsonEditor/index.tsx

@@ -55,6 +55,11 @@ export const defaultValue = [
 
 export const JsonEditor: React.FC = () => {
   const [json, setJson] = useLocalStorage("json", JSON.stringify(defaultValue));
+  const [initialJson, setInitialJson] = React.useState(json);
+
+  React.useEffect(() => {
+    setInitialJson(json);
+  }, []);
 
   React.useEffect(() => {
     const element = document.querySelector(
@@ -71,7 +76,7 @@ export const JsonEditor: React.FC = () => {
 
   return (
     <StyledJSONInput
-      placeholder={JSON.parse(json)}
+      placeholder={JSON.parse(initialJson)}
       onChange={handleChange}
       locale={locale}
       height="100%"