<input>
에 입력된 값을 state 에 저장해주세요.<input>
에서 onChange event
발생handleIdInput
함수 실행handleIdInput
는 이벤트를 인자로 받음event.target.value
)을 state에 저장<input>
에도 동일하게 적용<input>
에서 onChange event
발생<input>
태그 안에 onChange={}
이벤트를 삽입한다.
<input type="text" className="westaID" name="userID" placeholder="전화번호, 사용자 이름 또는 이메일" onChange={} required />
LoginHaeYongLee()
함수 안, return 바깥에서 handleIdInput 함수를 실행해주며 state를 사용하기 위해 id와 setId를 state 해준다.
const [id, setId] = useState('');
function handleIdInput = event => {
setId(event);
};
<input>
태그 안에 handleIdInput
함수를 설정해줬으므로onChange={handleIdInput}
이벤트를 삽입한다.
<input type="text" className="westaID" name="userID" placeholder="전화번호, 사용자 이름 또는 이메일" onChange={handleIdInput} required />
event.target.value
)을 state에 저장setId
의 값으로 (event.target.value)
를 state에 저장해준다.
function handleIdInput = event => {
setId(event.targe.value);
};
<input>
에도 동일하게 적용 const [pw, setPw] = useState('');
const handlePwInput = event => {
setPw(event.target.value);
};
return (
<input type="password" name="userPassword" className="westaPW" placeholder="비밀번호" onChange={handlePwInput} required />
);