import { useEffect, useState } from "react"; import { Redirect } from "react-router-dom"; import roomApi from "../../apis/room.api"; const userId = localStorage.getItem('user'); const JoinRoom = () => { const [roomId, setRoomId] = useState(''); const [disabled, setDisabled] = useState(true); const [error, setError] = useState(""); const [success, setSuccess] = useState(false); useEffect(() => { const isRoom = Object.values(roomApi).every((el) => Boolean(el)); isRoom ? setDisabled(false) : setDisabled(true); }, [roomId]); function handleChange(event) { const { value } = event.target; setRoomId(value); console.log(roomId); } async function handleSubmit(e) { e.preventDefault(); try { // setLoading(true); // setError(""); console.log('userId:', userId) console.log('roomId:', roomId) const data = await roomApi.join({ userId: userId, roomId: roomId }); console.log(data); setSuccess(true); } catch (error) { // catchErrors(error, setError); } finally { // setLoading(false); } } if (success) { return ; } return (
방참여하기
); }; export default JoinRoom;