titor/drawDB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: change approach to use key for reconciliation

Browse Source
This commit is contained in:
Huy Bui 2024-07-21 17:22:23 +07:00
parent 1bff574d56
commit 4485bf73a7
2 changed files with 3 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/EditorHeader/Modal/Modal.jsx
View File

@ -6,7 +6,7 @@ import {
Modal as SemiUIModal, Modal as SemiUIModal,
} from "@douyinfe/semi-ui"; } from "@douyinfe/semi-ui";
import { DB, MODAL, STATUS } from "../../../data/constants"; import { DB, MODAL, STATUS } from "../../../data/constants";
import { useEffect, useState } from "react"; import { useState } from "react";
import { db } from "../../../data/db"; import { db } from "../../../data/db";
import { import {
useAreas, useAreas,
@ -77,12 +77,6 @@ export default function Modal({
const [selectedDiagramId, setSelectedDiagramId] = useState(0); const [selectedDiagramId, setSelectedDiagramId] = useState(0);
const [saveAsTitle, setSaveAsTitle] = useState(title); const [saveAsTitle, setSaveAsTitle] = useState(title);
useEffect(() => {
if (title !== uncontrolledTitle) {
setUncontrolledTitle(title);
}
}, [title]);
const overwriteDiagram = () => { const overwriteDiagram = () => {
setTables(importData.tables); setTables(importData.tables);
setRelationships(importData.relationships); setRelationships(importData.relationships);
@ -262,7 +256,7 @@ export default function Modal({
); );
case MODAL.RENAME: case MODAL.RENAME:
return ( return (
<Rename title={uncontrolledTitle} setTitle={setUncontrolledTitle} /> <Rename key={title} title={title} setTitle={setUncontrolledTitle} />
); );
case MODAL.OPEN: case MODAL.OPEN:
return ( return (

2
src/components/EditorHeader/Modal/Rename.jsx
View File

@ -7,7 +7,7 @@ export default function Rename({ title, setTitle }) {
return ( return (
<Input <Input
placeholder={t("name")} placeholder={t("name")}
value={title} defaultValue={title}
onChange={(v) => setTitle(v)} onChange={(v) => setTitle(v)}
/> />
); );