컴포넌트 마다 그에 대한 이벤트들이 있습니다.
버튼은 onPress죠.
textInput(사용자 입력)은 onChangeText 이벤트입니다.
onChangeText 이벤트에 익명함수를 등록해 주었는데요.
저기있는 val 인자는 어디서 왔을까요?
onChangeText이벤트가 자동적으로 넘겨준 인자입니다. 인풋의 내용이 저 인자에 들어있습니다.
onChangeText 이벤트의 약속된 동작 방식입니다.
(꼭 저기 있는 인자의 이름이 val이 되어야하는 것은 아닙니다. 인자의 이름은 마음대로 정하시는 겁니다.)
적는대로 변경사항이 state에 잘 적용되네요.
TextInput에 Props로 multiline이나 keyboardType='numeric'을 적용해보세요.
여러줄 입력이나, 숫자패드만 나오는 입력창을 만드실 수 있습니다.
'모바일 > React-native' 카테고리의 다른 글
React-native/Touchable Components/이벤트 헨들러의 익명함수 (1) | 2020.01.24 |
---|---|
React-native/Flat-List (0) | 2020.01.24 |
React-native/Lists, Scroll View (0) | 2020.01.23 |
함수형 React-native/using State (0) | 2020.01.23 |