import React, { useState, useEffect, useRef } from 'react'; import Menu from '../Components/Menu'; import Schedule from '../Components/Schedule'; import styled from 'styled-components'; import Tabs from 'react-bootstrap/Tabs'; import Tab from 'react-bootstrap/Tab'; // const Tab = styled.ul` // & a, a:hover, a:active { // color: black; // } // ` function Home() { const [sched1, setSched1] = useState(); const [sched2, setSched2] = useState(); const [sched3, setSched3] = useState(); useEffect(() => { const dd = [{ id: '1', calendarId: 'Subject', category: 'time', start: '2020-11-02T11:00:00', end: '2020-11-02T12:00:00', }, { id: '2', calendarId: 'Subject', category: 'time', start: '2020-11-03T10:00:00', end: '2020-11-03T11:00:00', }]; setSched1(dd) const dd2 = [{ id: '3', calendarId: 'Subject', category: 'time', start: '2020-11-03T12:00:00', end: '2020-11-03T13:00:00', }, { id: '4', calendarId: 'Subject', category: 'time', start: '2020-11-04T10:00:00', end: '2020-11-04T11:00:00', }]; setSched2(dd2) const dd3 = [{ id: '5', calendarId: 'Subject', category: 'time', start: '2020-11-04T12:00:00', end: '2020-11-04T13:00:00', }, { id: '6', calendarId: 'Subject', category: 'time', start: '2020-11-05T10:00:00', end: '2020-11-05T11:00:00', }]; setSched3(dd3) }, []); return (
대관 가능 시간