如何修复 formik 中未处理的错误react native

如何解决如何修复 formik 中未处理的错误react native

我正在使用 formik 包并且在发布请求时出错。我也在使用 yup 进行验证。

是的代码部分：

    const validationSchema = Yup.object().shape({
        donate: Yup.number().required().label("donate"),});

我正在尝试使用以下代码创建虚假捐赠： 后端等待我 PATH ParaMETERS 是 goalId 和 QUERY ParaMETERS 是我需要用表格捐赠的金额。

    const DonateScreen = ({route}) => {
 
    const goalId = route.params

    const handleSubmit = async (values) => {
    const {  ...restProps } = values;
    const payload = {
        donate: +restProps.donate,}

    try {
      const response = await axios.post(`donations/${goalId}?amount=${payload.donate}`,payload);
        await navigation.navigate("GoalsDescover");
    } catch (error) {
      const data = error.response.data;
      console.log(data);
    }
    };

    return (
    <Screen>
        <AppForm
        initialValues={{donate:""}}
        onSubmit={handleSubmit}
        validationSchema={validationSchema}
        >

      <View>
            <AppFormField placeholder="$" icon="credit-card" name="donate" />
            <SubmitButton title="Donate" /> 
      </View>
      </AppForm>
     </Screen>
    );
    };

但是当我提交捐赠按钮 handlesumbit 功能不起作用并给出如下错误：

警告：从 submitForm() 中捕获到未处理的错误，[TypeError: undefined is not an object (evaluating '_context.t0.response.data')]

请帮我解决这个问题。