TIL 230124 React-Native onChangeText, onSubmitEditing

공식문서

 

onChangeText

<TextInput>의 텍스트가 바뀔 때 발생하는 이벤트이다. event로 텍스트를 받아오는 것 같다.

import React, { useState } from 'react';
import { Text, TextInput, View } from 'react-native';

const PizzaTranslator = () => {
  const [text, setText] = useState('');
  return (
    <View style={{padding: 10}}>
      <TextInput
        style={{height: 40}}
        placeholder="Type here to translate!"
        onChangeText={newText => setText(newText)}
        defaultValue={text}
      />
      <Text style={{padding: 10, fontSize: 42}}>
        {text.split(' ').map((word) => word && '🍕').join(' ')}
      </Text>
    </View>
  );
}

export default PizzaTranslator;

 

onSubmitEditing

<TextInput>의 버튼이 눌렸을 때 발생하는 이벤트이다.

 

그 외에도 TextInput은 다양한 이벤트가 있다.