12.15๊ฐ์ 10๋ถ Editํ์ด์ง์์ ์ญ์ ํ๊ธฐ(onDelete) ๊ธฐ๋ฅ ์ง๋ฌธ
๊ฐ์ฌํฉ๋๋คํน์ onUpdate๊ฐ ์ด์ํ๋ฐ ํน์ ์คํ์๊ฐ ์์๊น๋ด ๋ช ๋ฒ์ด๋ ์ง์ฐ๊ณ ๋ค์ ์์ฑํด๋ดค์ง๋ง ๊ณ์ ์ค๋ฅ๊ฐ ๋์ ์ง๋ฌธ๋๋ฆฝ๋๋ค. import Header from "../components/Header"; import Button from "../components/Button"; import Editor from "../components/Editor"; import { useParams, useNavigate } from "react-router-dom"; import { useContext } from "react"; import { DiaryDispatchContext } from "../App"; import useDiary from "../hooks/useDiary"; const Edit = () => { const params = useParams(); const nav = useNavigate(); const { onDelete, onUpdate } = useContext(DiaryDispatchContext); const curDiaryItem = useDiary(params.id); const onClickDelete = () => { if (window.confirm("์ผ๊ธฐ๋ฅผ ์ ๋ง ์ญ์ ํ ๊น์? ๋ค์ ๋ณต๊ตฌ๋์ง ์์์!")) { //์ผ๊ธฐ ์ญ์ ๋ก์ง //console.log(params.id); onDelete(params.id); nav("/", { replace: true }); } }; const onSubmit = (input) => { if (window.confirm("์ผ๊ธฐ๋ฅผ ์ ๋ง ์์ ํ ๊น์?")) { onUpdate( params.id, input.createdDate.getTime(), input.emotionId, input.content ); } nav("/", { replace: true }); }; return ( nav(-1)} text={"} rightChild={ } /> ); }; export default Edit;