Newer
Older
import React, { useEffect, useState, useContext} from 'react';
import cookie from 'react-cookies';
import {Routes, Route, Link, useNavigate, Navigate, useParams } from 'react-router-dom';
import { UserContext, ArticleContext } from '../Context.js';
import axios from 'axios';
axios.defaults.withCredentials = true;
const {
_id, content, author, createdAt} = data;
const navigate = useNavigate();
function MoveTo(link){
navigate(link)
}
const articleContext = useContext(ArticleContext);
const userinfo = cookie.load('name')
const date = DateTime.fromISO(createdAt).toFormat('yyyy년 MM월 dd일 HH:mm');
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
console.log(articleContext)
function DeleteComment(e) {
const data = {id: _id}
axios
.delete(`http://localhost:8080/post/comment/${params.id}/${_id}`, data,
{
headers: {"Content-Type": 'application/json'}
})
.then(res => {
alert("The comment is successfully deleted");
return articleContext.requestLoadArticleById(params.id)
})
.then(res => {
articleContext.setArticle(res.data)
})
.catch(err => {
console.error(err);
});
};
if (userinfo.id===author.email) {
return (
<div class="comment" style={{display: 'flex'}}>
<p>{author.nickname}</p>
<p>{content}</p>
<p>{date}</p>
<button style={{height: '30px'}} onClick={DeleteComment} type="submit">지우기</button>
</div>
);
}
else {
return (
<div class="comment" style={{display: 'flex'}}>
<p>{author.nickname}</p>
<p>{content}</p>
<p>{date}</p>
</div>
);
}