import React from 'react'
import axios from 'axios'

const GameInfo = () => {

const getGames = (e) => {
axios.get("http://localhost:4000/api/gameinfo1")
.then((res) => {
const games = res.data
return games
})
}
const getTime = () => {
let times = getGames()
console.log(times)
// let aTime = new Date().getTime() / 1000 / 60
// let sTime = ((new Date(`${game} ${res.data.data[0].start}`)).getTime() / 1000 / 60)
// let eTime = ((new Date(`${date} ${res.data.data[0].end}`)).getTime() / 1000 / 60)
// }
}
return (
<div>
<button onClick={getGames}> asd </button>
<button onClick={getTime}> asd </button>
{/* {games.map(game => {
<div style={{display: 'flex'}}>
<div style={{border: 'solid 1px', width: '50px', textAlign: "center"}}>{game.gamename}</div>
<div style={{border: 'solid 1px', width: '70px', textAlign: "center"}}>{getTime ? <div>사용가능</div> : <div style={{color: 'red'}}>사용중</div>}</div>
<div style={{border: 'solid 1px', width: '70px', textAlign: "center"}}>{gameTime ? <div>{gameTime}</div> : <div style={{color: 'red'}}></div>}</div>
<button onClick={getRooms}>a</button>
<button onClick={onReserve}>예약</button>
<button onClick={onTime}> asd</button>
</div>
})} */}
</div>
)
}
export default GameInfo

왜 times를 불러오면 언디파인이 나올까요 ㅠㅠ