Obtener valor de TextInput en React Native

Tiempo de lectura: < 1 minuto

Sí queremos obtener el valor de un TextInput en React Native primero tenemos que añadir el TextInput de la siguiente forma:

import React from "react";
import { TextInput } from "react-native";

var email;

const App = () => {
    return (
                <TextInput
                    placeholder="e-mail"
                    onChangeText={(text) => email = text}
               />
        )
};

Primero creamos la variable email dónde se va a guardar el texto que escriba el usuario dentro del TextInput.

var email;

Ahora, para rellenar la variable utilizamos el método onChangeText y asignamos el texto a la variable que hemos creado:

onChangeText={(text) => email = text}

Y con esto podemos recoger texto de los inputs en React Native.

Deja un comentario