react input 태그

Question

react로 사이트를 제작하고 있는 코린이 입니다다름이 아니라 react에서 비밀번호 확인을 하려고 하는데input에 데이터를 넣기 위해서는 function으로 이벤트를 만들어서 해당 input에 onChange로 넣어줘야input에 뭔가를 쓸 수 있더라구요근데 같은 함수를 쓸경우 (아래로 치면 txt) 2개의 input 태그가 동시에 입력되는 문제가 있어txt / txt1 등 여러개의 함수를 만들어서 각각 적용해 줘야하는데이부분은 어떻게 바꿀 수 없나요?그리고 비밀번호 확인을 통해 일치한지 아닌지 확인하려고 하는데onChange는 하나의 함수만 사용이 가능하더라구요 혹시 input 태그에 데이터도 넣고 비밀번호 확인 함수를 동시에 넣을 수는 없나요? function txt(e) { e.preventDefault(); setUser_name(e.target.value) } function txt(e) { e.preventDefault(); setUser_name(e.target.value) } function check_pw(){ var pw = document.getElementById('pw').value; var SC = ["!","@","#","$","%"]; var check_SC = 0; if(pw.length < 6 || pw.length>16){ window.alert('비밀번호는 6글자 이상, 16글자 이하만 이용 가능합니다.'); document.getElementById('pw').value=''; } for(var i=0;i

sena1402 · Accepted Answer

onChange로 각 인풋의 값은 state로 저장을 해두고 따로 버튼을 만들어서 일치하는지 아닌지 체크하는 함수로 해주시면 됩니다.

sena1402 · Answer

state로 값저장하셔서 값을 비교하세요

심심할땐심심이 · Answer

저도 응애라서 맞는진 모르겠지만 onChange 나 onClick 함수 하나만 만들어서 이벤트 객체를 넘겨서 해당 이벤트 객체의 아이디나 네임, 클래스 등등의 비교 값으로 스위치로 구분해서 사용했었어요. 구분되어 나오는 값을 각각의 state에 담았구요...!

레이블 · Answer

따로 onChange에 두개 효과를 넣을 수는 없는 거죠?

레이블 · Answer

근데 onClick은 클릭했을때 효과라서 되려나요?

레이블 · Answer

감사합니다역시 두개를 넣는건 없나 보네요 ㅜ

react input 태그

6개의 답변

#onchange 목록