게시판 댓글 기능 구현 중

Question

게시판 구현 끝났고 댓글 기능 구현 중입니다 지금 올리기 버튼 누르면 db에 저장은 잘 됩니다 content 내용 띄우려면

{value.content}

를 써야할지 모르겟습니다 어케 해야 띄울 수 있을까요?import { Link, useLocation, useNavigate } from 'react-router-dom'; import Navbar from '../components/Navbar'; import styles from './Single.module.css'; import user from '../image/user.png'; import { useContext, useEffect, useState } from 'react'; import axios from 'axios'; import { AuthContext } from '../context/authContext'; import ReactQuill from 'react-quill'; const Single = () => { const state = useLocation().state; const [post, setPost] = useState({}); const [value, setValue] = useState([]); const location = useLocation(); const navigate = useNavigate(); const postId = location.pathname.split('/')[2]; const { currentUser } = useContext(AuthContext); useEffect(() => { const fetchData = async () => { try { const postRes = await axios.get(`/posts/${postId}`); setPost(postRes.data); } catch (err) { console.log(err); } }; fetchData(); }, [postId]); useEffect(() => { const fetchData = async () => { try{ const res = await axios.get(`/chat/${postId}`) setValue(res.data) }catch(err) { console.log(err) } } fetchData(); },[postId]) const handleDelete = async () => { try { await axios.delete(`/posts/${postId}`); navigate('/'); } catch (err) { console.log(err); } }; const getText = (html) => { const doc = new DOMParser().parseFromString(html, 'text/html'); return doc.body.textContent; }; const handleClick = async (e) => { e.preventDefault(); try { if (state) { // 기존 댓글 업데이트 await axios.put(`/chat/${state.id}`, { content: value, }); } else { // 새로운 댓글 추가 await axios.post(`/chat/`, { content: value, }); } // 서버로 보내기 전에 값을 로그로 출력 console.log("서버로 보낼 값:", value); // 게시물 페이지로 리디렉션 navigate(`/post/${post.id}`); } catch (err) { console.log(err); } }; return (

{post.username}

{currentUser.username === post.username && (

수정 삭제

)}

{post.title}

강의 소개

{getText(post.desc)}

댓글 작성

test님

하하

{setValue}

); }; export default Single;

눈맞는뉴비 · Answer

어떤식으로 데이터를 받나 value값만 콘솔로그 한번 찍어보세요.

게시판 댓글 기능 구현 중

1개의 답변

기술 목록