import React, { useState } from 'react'; import { Row, Col, Modal, Button, Navbar, Nav } from 'react-bootstrap'; import Tabs from 'react-bootstrap/Tabs'; import Tab from 'react-bootstrap/Tab'; import ClosedList from '../Components/ClosedList'; import OpenList from '../Components/OpenList'; import Chat from '../Components/Chat'; // import styled from 'styled-components'; // const List = styled.div` // background: #FFFAFA; // ` const userName = "정연우"; function Home() { const [show, setShow] = useState(false); const [chat, setChat] = useState(false); const handleClose = () => setShow(false); const handleShow = () => setShow(true); const handleChato = () => setChat(true); const handleChatc = () => setChat(false); // variant="pills" return ( <> YDK Messenger
{userName} 님 환영합니다
{/*
*/}
{chat ? : null} 방 생성 여기에 form 입력 ); } export default Home;