[20240508] 앱개발 시작하기 #19 | 간단한 회원가입 1

import { useState } from "react";
//간단한 회원가입 폼
// 1. 이름
// 2. 생년월일
// 3. 국적
// 4. 자기소개
const Register = () => {

    const [input, setInput] = useState({
        name:"",
        birth:"",
        country:"",
        bio:"",
    })

    const onChange = (e) => {
        setInput({
            ...input,
            [e.target.name]:e.target.value,
        })
    }


    return(
        <>
            <div><input name="name" value={input.name} onChange={onChange} placeholder={"이름"}></input></div>
            <div><input name="birth"  value={input.birth} onChange={onChange} type="date"></input></div>
            <div>
                <select name="country" value={input.country} onChange={onChange} >
                    <option value=""></option>
                    <option value="kr">한국</option>
                    <option value="us">미국</option>
                    <option value="uk">영국</option>
                </select>
            </div>
            <div><textarea name="bio" value={input.bio} onChange={onChange}></textarea></div>
        </>
    )
}

export default Register;