React-native学习-2-处理文本输入

//2.处理文本输入

import React,{useState} from 'react';

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

 

const PizzaTranslator =()=>{

    const [text,setText]=useState('');

    return(

        <View>

            <TextInput

            style={{height:50}}

            placeholder="type here to translator"

            onChangeText={text=>setText(text)}

            defaultValue={text}

            />

            <Text style={{

                fontSize:40,

                padding:10

            }}>

                {text.split(' ').map((word)=>word &&'🍕').join(' ')}

            </Text>

            <Text>====================</Text>

            <Text>{text}</Text>

        </View>

    );

}

 

export default PizzaTranslator;