我不断收到未处理的承诺拒绝
我正在使用 EXPO CLI 运行 React-Native 并使用 React Hook Forms
我尝试过但没有任何改变的事情:
就在 onSubmit
函数内部的控制台日志返回表单中的数据,但它停在那里。
完整错误:
<块引用>[未处理的承诺拒绝:TypeError: (0, _auth.loginUser) 不是函数。 (在'(0,_auth.loginUser)(数据)'中,'(0,_auth.loginUser)'未定义)] 在 node_modules/react-hook-form/dist/index.cjs.development.js:1204:67 中 at [本机代码]:flushedQueue 中的 null at [native code]:null in callFunctionReturnFlushedQueue
登录组件代码:
import React from 'react';
import { StyleSheet, View, Text } from 'react-native';
import Input from '../Input';
import Button from '../Button';
import Link from '../Link';
import { useForm, Controller } from "react-hook-form";
import { loginUser } from '../../helpers/data/auth';
const EMAIL_REGEX = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
export default function Login() {
const { control, handleSubmit, errors } = useForm();
const onSubmit = async (data) => {
console.log(data)
let response = await loginUser(data)
if (response.status >= 200 && response.status < 300) {
console.log(response)
} else {
error
}
}
return (
<View style={styles.container}>
<Controller
control={control}
name="email"
defaultValue=''
rules={{
required: {value: true, message: 'Email is required' },
pattern: {
value: EMAIL_REGEX,
message: 'Not a valid email'
}
}}
render={({ onChange, onBlur, value }) => (
<Input
error={errors.email}
errorText={errors?.email?.message}
onBlur={onBlur}
onChangeText={value => onChange(value)}
value={value}
placeholder={'Email'}
textAlign={'center'}
/>
)}
/>
<Controller
control={control}
name="password"
defaultValue=''
rules={{ required: {value: true, message: 'Password is required' } }}
render={({ onChange, onBlur, value }) => (
<Input
error={errors.password}
errorText={errors?.password?.message}
onBlur={onBlur}
onChangeText={value => onChange(value)}
value={value}
secureTextEntry={true}
placeholder={'Password'}
textAlign={'center'}
/>
)}
/>
<Button onPress={handleSubmit(onSubmit)} label="LOGIN"/>
<View style={styles.row}>
<Text style={styles.text}>Forgot your login details? </Text>
<Link onPress={() => {}} label='Get help signing in.'/>
</View>
</View>
)
}
loginUser Fetch Call:
import { baseUrl } from '../apiKeys.json';
const loginUser = async (data) => {
const response = await fetch(`${baseUrl}/auth/signin`, {
method: 'POST',
headers: {
Accept: 'application/json',
'Content-Type': 'application/json'
},
body: JSON.stringify(data)
});
return response.json();
}
export default { loginUser };
救救我...
答案 0 :(得分:0)
在 export
前面添加 const
import { baseUrl } from '../apiKeys.json'; //not quite remember whether u can do this.
//add the export here.
export const loginUser = async (data) => {
const response = await fetch(`${baseUrl}/auth/signin`, {
headers: {
Accept: 'application/json',
'Content-Type': 'application/json'
},
body: JSON.stringify(data)
});
return response.json();
}