#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 . т. е. в то же время оно работает в эмуляторе, но не на реальном устройстве. ————-Как я должен решить эту проблему———-