styled-components input

로컬 로그인을 구현하는데 input에 글이 안써지는 문제가 생겼다.

(...) //생략

const LoginForm = () => {
    const [user_id, setID] = useState("")
    const [user_pw, setPW] = useState("")

    return (
        <div>
            <LoginWrapper>
                <ID value={user_id}/>
                <PW value={user_pw}/>
                <LoginBtn />
            </LoginWrapper>
        </div>
    );
}

(...)

export default LoginForm;

해결

<ID value={user_id}/>
<PW value={user_pw}/>

문제는 여기다. onChange를 설정해주지도, user_id와 user_pw에 값을 넣어주지도 않았으니 글이 당연히 써지지 않는다!!!

<ID onChange={e=>{setID(e.target.value)}} value={user_id}/>
<PW onChange={e=>{setPW(e.target.value)}} value={user_pw}/>

간단하게 이렇게 바꿔줬다.

어제 밤에 이부분을 하다가 글이 안써져서 화를 내다 잠들었다. 다음날 일어나서 다시 보니 이런 실수를... 어제 화낸 게 어이가 없다.

이제 이런 실수 안하게 블로그에 남긴다(수치)