Newer
Older
import { useParams } from 'react-router-dom';
import React, { useEffect, useState, useContext} from 'react';
import Article from '../components/Article.js';
import { UserContext } from '../Context.js';
import axios from 'axios';
axios.defaults.withCredentials = true;
function PostRead() {
let params = useParams();
const userContext = useContext(UserContext);
const [article, setArticle] = useState(null)
const navigate = useNavigate();
function MoveTo(link){
navigate(link)
}
if (!response.data) {
alert("세션이 만료되었습니다. 다시 로그인 바랍니다.")
MoveTo('/login')
}
else{
return requestLoadArticleById(params.id)
}
})
.then((response) => {
console.log(response)
setArticle(response.data)
})
.catch((response)=>{
console.log("error!:LogOut")
console.log(response)
})
console.log(article);
console.log(article?Object.values(article):"no");
<div className="introduction" style={{display: 'flex'}}>
<MapLocator loc={{lat: article.latitude, lng: article.longitude}} keyword={article.keyword}></MapLocator>
<form>
<div style={{display: 'flex'}}>
<button>댓글 작성</button>
<input type="text"></input>
</div>
</form>
{
article.comments.map((el)=>{
return(
<Comment key={el._id} data={el}></Comment>
)
})
}
</>
)
}
else {
return(
<div className="introduction" style={{display: 'flex'}}>
<p>로딩준</p>
</div>
)
}