velopert / react-tutorial

벨로퍼트와 함께하는 모던 리액트 튜토리얼 문서
https://react.vlpt.us/
350 stars 101 forks source link

8. input 상태 관리하기 · GitBook #53

Open utterances-bot opened 4 years ago

utterances-bot commented 4 years ago

8. input 상태 관리하기 · GitBook

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

rheehot commented 4 years ago

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

rheehot commented 4 years ago

아 됩니다.

wenodev commented 3 years ago

Input

jody96 commented 3 years ago

감사합니다!!!

sshusshu commented 3 years ago

변경되는 값은 useState로 관리

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

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

ghost commented 2 years ago

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