React Native Unhandled promise 拒绝 | React-Native, 异步,

Question

我一直收到未处理的 Promise 拒绝
我正在使用 EXPO CLI 运行 React-Native 并使用 React Hook Forms

我尝试过的事情没有任何改变：

1. 给我的 api (NodeJS) 一个 SSL （我知道 ios 想要一个）
2. 重构为每个字段的常规和反应挂钩
3. 将 BaseUrl 更改为 10.0.2.2，然后尝试使用我的个人地址 IP。
4. 更改为正常 Promise 然后尝试拨打 Axios

onSubmit function 内的控制台日志返回表单中的数据，但它停在那里。

完整错误：

[未处理的 promise 拒绝：TypeError：（0，_auth.loginUser）不是 function。（在“（0，_auth.loginUser）（数据）”中，“（0，_auth.loginUser）”未定义）] at node_modules/ react-hook-form/dist/index.cjs.development.js:1204:67 在 [native code]:null 在 flushedQueue 在 [native code]:null 在 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>
  )
}

登录用户获取调用：

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 };

救我...

Answer 1

在const前面添加export

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();
}

Answer 2

Unhandled promise rejection意味着如果发生错误，您的代码将无法处理。 在您的function中，使用trycatch语句。 发生的任何错误都将由catch处理