как получить ввод текстового поля и передать его axios в react native я хочу получить данные из ввода и передать их по электронной почте и паролю в Axios

#react-native #axios

Вопрос:

как получить ввод текстового поля и передать его Axios в react native Я хочу получить данные из ввода и передать их по электронной почте и паролю в Axios

[как получить ввод текстового поля и передать его Axios в react native Я хочу получить данные из ввода и передать их по электронной почте и паролю в Axios

Это мой код

 import React, {useState} from 'react';
import {View,Text, TextInput, Button} from 'react-native';
import axios from 'axios';
    const NewsCard = ()=>{
       const[name ,setName] = useState('namesssssssss')
        return(       
            <View>   
                <Text>{name}</Text> 
                <TextInput onChangeText={(val)=>setName(val)}> </TextInput>
                <Button onPress={ ()=>
    axios.post('http://10.0.2.2:5000/api/admin/register',
    {
      email: 'ABC@SpeechGrammarList.com',
      password: 'Flintstone',
    })
    .then(function (response) {
      // handle success
      console.log(response.data);
    })
    .catch(function (error) {
      // handle error
      console.log(error);
    })
    .then(function () {
    })
               } title="Click"></Button>
            </View>   
        )
    }
    
    export default NewsCard
]
 

Ответ №1:

   const [email, setEmail] = useState("");
  const [password, setPassword] = useState("");


        <TextInput
          style={styles.inputText}
          autoCorrect={false}
          autoCapitalize="none"
          keyboardType="email-address"
          onChangeText={ (text) => setEmail(text)}
          value={email}
        />

        <TextInput
          style={styles.passwordTextInput}
          secureTextEntry={hidePass ? true : false}
          autoCorrect={false}
          autoCapitalize="none"
          onChangeText={(pswrd) => setPassword(pswrd)}
          value={password}
        />

  useEffect( () => {
    axios.post('YOUR URL', {
      email: email,
      lastName: password
    })
    .then(function (response) {
      console.log(response);
    })
    .catch(function (error) {
      console.log(error);
    });
  }, email, password);
 

Комментарии:

1. Спасибо, Сэр, Это Работает . Да благословит вас Бог обильно

2. Ты можешь подскочить, если хочешь. добро пожаловать, сэр @JithuHari

3. сэр , ——Я использую ссылку (» локальный хост:5000/api/администратор/логин» ) для извлечения данных из API с помощью AXIOS. Но в моем эмуляторе отображается сетевая ошибка . 3 . поэтому я использую это ( 10.0.2.2:5000/api/администратор/логин ), и это работает. 4 . но когда я использую одно и то же приложение в своем мобильном телефоне(Huwai y9 prime), оно показывает сетевую ошибку . 5 . т. е. в то же время оно работает в эмуляторе, но не на реальном устройстве. ————-Как я должен решить эту проблему———-