From 7d3f2377a5b7aafbd8b4d7caf2bb9f3b6ae8c702 Mon Sep 17 00:00:00 2001 From: Cristhian Zanforlin Lousa Date: Mon, 18 Sep 2023 21:16:10 -0300 Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20fix(dictAreaModal/index.tsx):=20?= =?UTF-8?q?add=20useEffect=20hook=20to=20update=20dictObj=20state=20when?= =?UTF-8?q?=20value=20prop=20changes=20=F0=9F=94=A7=20fix(dictAreaModal/in?= =?UTF-8?q?dex.tsx):=20initialize=20dictObj=20state=20with=20value=20prop?= =?UTF-8?q?=20on=20component=20mount?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/frontend/src/modals/dictAreaModal/index.tsx | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/frontend/src/modals/dictAreaModal/index.tsx b/src/frontend/src/modals/dictAreaModal/index.tsx index 85e7d293d..fdf0f5bb1 100644 --- a/src/frontend/src/modals/dictAreaModal/index.tsx +++ b/src/frontend/src/modals/dictAreaModal/index.tsx @@ -4,7 +4,7 @@ import "ace-builds/src-noconflict/mode-python"; import "ace-builds/src-noconflict/theme-github"; import "ace-builds/src-noconflict/theme-twilight"; // import "ace-builds/webpack-resolver"; -import { useState } from "react"; +import { useEffect, useState } from "react"; import JsonView from "react18-json-view"; import "react18-json-view/src/dark.css"; import "react18-json-view/src/style.css"; @@ -21,6 +21,10 @@ export default function DictAreaModal({ const [open, setOpen] = useState(false); const [dictObj, setDictObj] = useState(value); + useEffect(() => { + if (value) setDictObj(value); + }, [value]); + return ( {children}