8. input 상태 관리하기 · GitBook
utterances-bot opened this issue · comments
8. input 상태 관리하기 · GitBook
저는 첫글짜만 찍어 주는데 왜 그럴까요?
아 됩니다.
Input
- input의 onChange를 사용하면 이벤트 객체 e를 파라미터로 받아올 수 있다.
- 이 객체의 e.target은 이벤트가 발생한 DOM을 가리킨다.
- e.target.value를 조회하면 현재 input의 value값을 알 수 있다.
감사합니다!!!
변경되는 값은 useState로 관리
이벤트에 등록하는 함수에서는 이벤트 객체 e 를 파라미터로 받아와서 사용 할 수 있음
e.target 은 이벤트가 발생한 DOM 인 input DOM을 가리킴
e.target.value 를 조회하면 현재 input 에 입력한 값을 알 수 있음
input 의 상태를 관리할 때에는 input 태그의 value 값도 설정
먼저 console.log 찍어보면서 변동이 제대로 일어나는지 확인해주기.
만약에 잘 되는 경우에는 동적인 값을 보여지도록 useState를 이용해준다.
event를 출력해보고 내가 원하는 부분 찾아서 적어주기. => event.target.value