8. input 상태 관리하기 · GitBook

[utterances-bot]

8. input 상태 관리하기 · GitBook

https://react.vlpt.us/basic/08-manage-input.html

[rheehot]

저는 첫글짜만 찍어 주는데 왜 그럴까요?

[rheehot]

아 됩니다.

[wenodev]

Input

• input의 onChange를 사용하면 이벤트 객체 e를 파라미터로 받아올 수 있다.
• 이 객체의 e.target은 이벤트가 발생한 DOM을 가리킨다.
• e.target.value를 조회하면 현재 input의 value값을 알 수 있다.

[jody96]

감사합니다!!!

[sshusshu]

변경되는 값은 useState로 관리

이벤트에 등록하는 함수에서는 이벤트 객체 e 를 파라미터로 받아와서 사용 할 수 있음 e.target 은 이벤트가 발생한 DOM 인 input DOM을 가리킴 e.target.value 를 조회하면 현재 input 에 입력한 값을 알 수 있음

input 의 상태를 관리할 때에는 input 태그의 value 값도 설정

[ghost]

먼저 console.log 찍어보면서 변동이 제대로 일어나는지 확인해주기. 만약에 잘 되는 경우에는 동적인 값을 보여지도록 useState를 이용해준다. event를 출력해보고 내가 원하는 부분 찾아서 적어주기. => event.target.value