import React, { useState, useEffect } from 'react' import axios from 'axios'; import { Row, Col, Modal, Button, Form, Alert } from 'react-bootstrap'; import catchErrors from '../utils/catchErrors'; const INIT_ROOM = { roomName: '', interest: '', isOpen: false } function RoomMake(props) { const [room, setRoom] = useState(INIT_ROOM); const [disabled, setDisabled] = useState(true); const [error, setError] = useState(''); useEffect(() => { const isRoom = Object.values(room).every(el => Boolean(el)) isRoom ? setDisabled(false) : setDisabled(true) }, [room]) const member = sessionStorage.getItem('userId'); function handleChange(event) { const { name, value } = event.target setRoom({ ...room, [name]: value , member}) console.log(room) } async function handleSubmit(event) { event.preventDefault() try { setError('') let res = await axios.post('/room/makeRoom', room) const Id = res.data.roomId alert(`방암호는 ${Id}입니다`) props.handleCloseModal() props.handleChato() setRoom(INIT_ROOM) } catch (error){ catchErrors(error, setError) } } return ( 방 생성 {error && {error} }
방 이름 관심 분야 {/* */} 공개방 setRoom({ ...room, isOpen: !room.isOpen })} /> { (room.isOpen) ? (

공개방으로 개설되어 공개방 목록에 공개되며, 코드를 공유하여 참가할 수도 있습니다.

) : (

비밀방으로 개설되며, 참여자들에게 코드를 공유해야합니다.

) }
) } export default RoomMake