uncontrolled, controlled

폰 번호

0으로 시작하면 Good

0으로 시작하지 않으면 Bad로 만들기

submit을 눌러야만 나오게 했는데 숫자를 칠때마다 나오게 하려면?

숫자 누르는 동시에 알럿이 나타남

 

0으로 시작하지 않을 때 setMessage로 잘못 입력하고 있다고 나타나게 하기

 

내가 친 번호 submit 눌렀을 때 alert으로 나타나게 하기

 

서브밋을 특정값을 입력 할 때만 누를수 있게 하고싶다면? 

0으로 시작하면 서브밋을 클릭할수 있게 열어라~

그런데 0만 치면 안열림!

이거 왜이러는 걸까요?

드래그 되어있는 setPhoneNumber(event.target.value); ->> 처리해야함

setPhoneNumber(event.target.value);

아래로 내린다

아래로 내리고 마우스 커서 있는 if에서 폰넘버를 바꾼다

0으로 시작하지 않는 값을 입력이 되지 않게 하려면?

 

if { 안에 올리고 }

p태그에 폰넘버를 적는다

그럼?

0으로 시작해야 맨 아래 입력한 번호가 나온다

그래서 0이 아니면 입력이 안되게 하려면 뭐냐고?!!!

 

value={phoneNumber} 를 적으면 됨

 

적고

 

아래 setPhoneNumber(“”)를 적으면 된다

그런데 숫자를 다 지우면 아래 어쩌구 하는것도 지워져야 하는데?

Phone Number should starts with 0

지우게 하려면 

 

valideation -> onChange

controlled -> input의 value를 직접관리