如何解决警告:从SubmitForm捕获了未处理的错误,[TypeError:未定义不是对象正在评估'_context.t0.response.data']
我是React Native的新手。我有错误信息,那无处不在。在出现错误之前,我尝试返回git版本,然后他继续。
警告:从SubmitForm()中捕获了未处理的错误,[TypeError:未定义不是对象(正在评估'_context.t0.response.data')]
错误出在我的登录页面中,我正在使用Formik处理表单,并使用knex处理数据库。 (我正在使用mysql)。
我将代码放在下面。
登录页面
import React from 'react';
import { Feather } from '@expo/vector-icons';
import { View,Image,Text,TouchableOpacity,AsyncStorage } from 'react-native';
import { useNavigation } from '@react-navigation/native';
import api from '../../services/api';
import styles from './styles';
import logoImg from '../../assets/logo.png';
import heroesImg from '../../assets/heroes.png';
import { LoginForm } from '../../components/LoginForm';
export default function Login({route,navigat}){
const navigation = useNavigation();
function navigateToRegister(){
navigation.navigate('Register',route.params);
}
function navigateBack(){
navigation.goBack();
}
async function handleLogin(values){
const { email,password } = values;
try {
const rota = route.params.route;
const response = await api.post(rota,{ email,password });
if (route.params.userType === 'ong'){
const {ong,token} = response.data;
await AsyncStorage.multiSet([
['userToken',token],['userName',ong.name],['userId',ong.id],['userType',route.params.userType]
])
navigation.navigate('Profile')
}
else {
if (route.params.userType === 'user'){
const {user,token} = response.data;
await AsyncStorage.multiSet([
['userToken',user.name],user.id],route.params.userType]
])
navigation.navigate('Incidents')
}
else {
throw new Error ('Falha');
}
}
} catch(err){
alert(`Falha no Login ${err.response.data.error}`)
}
}
return(
<View style={styles.container}>
<View style={styles.header}>
<Image source={logoImg} />
<TouchableOpacity
onPress={navigateBack}>
<Feather name='arrow-left' size={16} color='#e02041' />
</TouchableOpacity>
</View>
<LoginForm onSubmit={handleLogin} />
<Image
source={heroesImg}
style={styles.imageBackground} />
<TouchableOpacity
style={styles.button}
onPress={navigateToRegister}>
<Text style={styles.buttonText}> Crie sua Conta</Text>
</TouchableOpacity>
</View>
);
}
表格
import React from 'react';
import { Formik,ErrorMessage } from 'formik';
import styled from 'styled-components/native';
import * as Yup from 'yup';
export const LoginForm = props => (
<Formik
initialValues={{
email: '',password: '' }}
onSubmit={(values) => props.onSubmit(values)}
validationSchema ={
Yup.object().shape({
email: Yup.string().email('Email invalido').required('Email is required!'),password: Yup.string().required('Password is required!')
})}
>
{({ handleChange,handleBlur,handleSubmit,values,errors }) => (
<View>
<Title>Login</Title>
<Input
textContentType= 'emailAddress'
placeholder= 'Email'
onChangeText={handleChange('email')}
onBlur={handleBlur('email')}
value={values.email}
/>
<ErrorMessage component={ErrMessage} name='email' />
<Input
placeholder = 'Password'
secureTextEntry= {true}
textContentType = 'password'
onChangeText={handleChange('password')}
onBlur={handleBlur('password')}
value={values.password}
/>
<ErrorMessage component={ErrMessage} name='password' />
<Button onPress={handleSubmit}>
<ButtonText>Entrar</ButtonText>
</Button>
</View>
)}
</Formik>
);
对不起英语。
解决方法
销毁响应对象时,您使用的是'ong'
const {ong,token} = response.data;
但是此属性具有ong属性,因此您应使用如下所示的user属性
const {user,token} = response.data;
这些行也应该更改
await AsyncStorage.multiSet([
['userToken',token],['userName',user.name],['userId',user.id],['userType',route.params.userType]
])
最好检查一下response.data是否不为空,并正确处理
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。