import { useState } from "react"; import styles from "./login.module.scss"; const Login = () => { //useState를 이용해서 각 state 생성 및 초기값 저장 const [state, setState] = useState(true); // 이 줄은 css에 해당하는 state //state변수 지정 하지만 이 변수는 react에 의해 없어지지 않음, 그리고 그 다음 변수는 state변수를 갱신해주는 함수 const [loginText, setLoginText] = useState({ id:'', password:'' }); const [guestText, setGusetText] = useState({ guestName:'', gusetBirthday:'', gusetMbnum:'', guestPassword:'' }) //input태그에 걸려있는 onchange에서 실행할 함수설정 const handleLoginOnChange = (e) =>{ // ... 전개 연산자 // 현재 state에 방금 변화한 값을 다시 저장함 setLoginText({ ...loginText, [e.target.name]:e.target.value }) }; const handleGuestOnChange = (e) =>{ setGusetText({ ...guestText, [e.target.name]:e.target.value }) } return (
{/* nav-tabs */} {/* {console.log(loginText)} */}
{/* 로그인 */} {/* 비회원예매 학인 */}

※ 비회원 정보 오 입력 시 예매 내역 확인/취소 및 티켓 발권이 어려울 수 있으니 다시 한번 확인해 주시기 바랍니다.

) } export default Login