提交按钮在 Capacitor App 中不起作用

Question

我运行遇到了这个错误，我在其中按下登录按钮，但没有任何反应。在浏览器中它工作得很好，但与 capacitorJS 有一些问题。我尝试在按钮上添加 onClick 功能，删除 Formik 功能，在 try - catch 之前放置一些东西。然而，当与 Formik 一起使用时，验证确实有效，它告诉输入不能为空并检查电子邮件格式。

这是UI部分

      <form autoComplete="on" onSubmit={handleSubmit}>
        <BrandTextField
          name={'email'}
          onChange={handleChange}
          value={values.email}
          placeholder={t('common:emailPlaceholder.exampleEmail')}
          type={'email'}
          label={t('common:email')}
          className='mb-3'
          error={Boolean(touched.email) && Boolean(errors.email)}
          fullWidth
        />

        <div>
          <BrandTextField
            name={'password'}
            type={'password'}
            onChange={handleChange}
            value={values.password}
            placeholder={t('common:password')}
            label={t('common:password')}
            className='mb-3'
            error={Boolean(touched.password) && Boolean(errors.password)}
            fullWidth
          />

          <div
            className="login-forgot-password"
            onClick={() => history.push('/forgot-password')}
          >
            {t('signIn.signInScreen.forgotPassword')}
          </div>
        </div>

        <div className="login-submit">
          <Button type="submit" size={'auto'}>
            {t('common:signIn')}
          </Button>
        </div>
      </form>

这里是 useFormik

  const {
    values,
    handleChange,
    errors,
    touched,
    handleSubmit,
  } = useFormik<CredentialsPayload>({
    initialValues,
    validationSchema,
    onSubmit: async (values, { setErrors }) => {
      toast.error('submit');
      try {
        await dispatch(actions.signIn(values));
      } catch (err) {
        if (err.message) {
          toast.error(err.message);
        }

        setErrors(err.errors ?? {});
      }
    },
  });

Answer 1

问题出在我处理提交的方式上，应该写在点击按钮上

提交按钮在 Capacitor App 中不起作用

Submit button doesn't work in Capacitor App

reactjs

redux

formik

capacitor