모바일/React-native

React-native/text Input

Time Saver 2020. 1. 23. 23:15

컴포넌트 마다 그에 대한 이벤트들이 있습니다.

버튼은 onPress죠.

textInput(사용자 입력)은 onChangeText 이벤트입니다.

onChangeText 이벤트에 익명함수를 등록해 주었는데요.

저기있는 val 인자는 어디서 왔을까요?

onChangeText이벤트가 자동적으로 넘겨준 인자입니다. 인풋의 내용이 저 인자에 들어있습니다.

onChangeText 이벤트의 약속된 동작 방식입니다.

(꼭 저기 있는 인자의 이름이 val이 되어야하는 것은 아닙니다. 인자의 이름은 마음대로 정하시는 겁니다.)

 

onChangeText

 

 

적는대로 변경사항이 state에 잘 적용되네요.

TextInput에 Props로 multiline이나 keyboardType='numeric'을 적용해보세요.

여러줄 입력이나, 숫자패드만 나오는 입력창을 만드실 수 있습니다.

여러가지 설정이 가능한 입력창