$$config title: [Code] 카카오뱅크 게시판 / NoticeUpdate.jsx keywords: - IT $$ ## 카카오뱅크 공지사항 게시판 ### NoticeUpdate.jsx - 수정하기 ```js // NoticeUpdate.jsx import React, { useState, useEffect } from "react"; import { useParams } from "react-router-dom"; import "../styles/NoticeWrite.css"; import "../styles/NoticeUpdate.css"; import { Link } from "react-router-dom"; import NoticeBottom from "./NoticeBottom"; import NoticeTopMenu from "../notice/NoticeTopMenu"; import axios from "axios"; const NoticeUpdate = () => { const [contentItem, setContentItem] = useState([]); const [selectNotice, setSelectNotice] = useState(null); const [insertToggle, setInsertToggle] = useState(false); const [title, setTitle] = useState(""); const [contents, setContents] = useState(""); const [error, setError] = useState(null); const { id } = useParams(); const [value, setValue] = useState(""); const onUpdate = async (title, contents) => { try { const data = await axios.patch(`http://localhost:4000/kakaobank/${id}`, { title, contents, }); setContentItem(data.data); onInsertToggle(); } catch (e) { setError(e); } }; useEffect(() => { getItem(id); }, [id]); const getItem = async (id) => { try { const data = await axios.get(`http://localhost:4000/kakaobank/${id}`); setContentItem(data.data); } catch (e) { setError(e); } }; const onInsertToggle = () => { setInsertToggle((prev) => !prev); }; const onChangeTitle = (e) => { setTitle(e.target.value); }; const onChangeContents = (e) => { setContents(e.target.value); }; const onSubmit = (e) => { e.preventDefault(); onUpdate(title, contents); setTitle(""); setContents(""); }; return (

수정하기

제목

내용