import React, { useState, useEffect } from 'react'; import Menu from '../Components/Menu'; import axios from 'axios'; function Check(props) { const [reserve, setReserve] = useState([]); useEffect(() => { getReserve(); }, []) function getReserve() { axios.get(`/reserves/${props.match.params.id}`, { headers: { authorization: localStorage.getItem('token') }, }) .then(res => { if (res.status !== 201) { alert(res.data.error); } console.log(res.data); setReserve(res.data); }) .catch(err => { alert(err.error) }); } function remove(index) { axios.delete(`/reserves/${reserve[index]._id}`) .then(res => { if (res.status === 404) return alert(res.data.error) alert("삭제되었습니다!"); getReserve(); }) .catch(err => { alert(err.error) }); }; return (
{reserve.map((reserve, index) => { return ( ) })}
날짜 시간 강의실 사용인원 승인여부 예약취소
{reserve.date} {reserve.starttime}시~{(Number(reserve.starttime) + reserve.usetime)}시 {reserve.room} {reserve.num} {reserve.check ? (reserve.approve ? "사용가능" : "사용불가") : "승인대기중"}
) } export default Check