import React, { FormEvent, useState } from "react"; import { useNavigate, useLocation } from "react-router-dom"; import isLength from "validator/lib/isLength"; import equals from "validator/lib/equals"; import { catchErrors } from "../helpers"; import { PostType } from "../types"; import { postApi } from "../apis"; import { PostState } from "./intopost"; export function EditPost() { const [city, setCity] = useState("city"); const [theme, setTheme] = useState("theme"); const [title, setTitle] = useState(""); const [text, setText] = useState(""); const navigate = useNavigate(); const location = useLocation() as PostState; const post = location.state; const [user, setUser] = useState({ title: post.title, text: post.text, theme: post.theme, city: post.city, date: post.date, user: post.user, counts: 0, _id: post._id, }); const [loading, setLoading] = useState(false); const [error, setError] = useState(""); const [disabled, setDisabled] = useState(false); const [success, setSuccess] = useState(false); async function reWriteSubmit(event: FormEvent) { event.preventDefault(); try { setError(""); console.log("user data", user); if (postingFormMatch(user) === true) { setLoading(true); const res = await postApi.updating(user); console.log("clear", res); navigate("/board", { replace: true }); setSuccess(true); setError(""); } } catch (error) { console.log("에러발생"); catchErrors(error, setError); } finally { setLoading(false); } } function postingFormMatch(user: PostType) { if (!isLength(user.title ?? "", { min: 1 })) { setError("제목을 입력해 주세요."); return false; } else if (!isLength(user.text ?? "", { min: 1 })) { setError("내용을 입력해 주세요."); return false; } else if (equals(city, "city")) { setError("도시를 선택해 주세요."); return false; } else if (equals(theme, "theme")) { setError("테마를 선택해 주세요."); return false; } else { return true; } } const titleChange = (event: React.ChangeEvent) => { const title = event.currentTarget.value; const newUser = { ...user, title: title }; console.log(event.currentTarget.value); setTitle(event.currentTarget.value); setUser(newUser); }; const textChange = (event: React.ChangeEvent) => { const text = event.currentTarget.value; const newUser = { ...user, text: text }; console.log(event.currentTarget.value); setText(event.currentTarget.value); setUser(newUser); }; const cityChange = (event: React.ChangeEvent) => { const city = event.currentTarget.value; const newUser = { ...user, city: city }; console.log(event.currentTarget.value); setCity(event.currentTarget.value); setUser(newUser); }; const themeChange = (event: React.ChangeEvent) => { const theme = event.currentTarget.value; const newUser = { ...user, theme: theme }; console.log(event.currentTarget.value); setTheme(event.currentTarget.value); setUser(newUser); }; return (

Id

empty

); }