小编Ani*_*Ani的帖子

AppDelegate.swift 中没有这样的模块“Capacitor”

我正在致力于Ionic React ProjectCapacitor. 我添加了Android平台,一切都很顺利。现在我正在尝试让我的应用程序在 iOS 中运行(第一次使用 iOS),在添加 ios 平台并在 XCode 中打开我的项目后,我遇到了一些问题。

查看错误:

在此输入图像描述

在此输入图像描述

Pod 文件内容:

在此输入图像描述

任何帮助将非常感激。谢谢你!

xcode ios ionic-framework swift capacitor

13
推荐指数
4
解决办法
2万
查看次数

如何在 React Hook Form v7 中使用单选按钮?

我正在开发一个 Ionic React 应用程序,我想使用 React Hook Form 和 Yup Resolvers 来提交表单。我的表单包含一个单选按钮和其他两个输入。

我在使用单选按钮时遇到困难。我应该如何编写它才能存储它的值并提交?下面你可以找到我的组件。即使我选择其中一个单选按钮,也不会存储任何值。

import { yupResolver } from "@hookform/resolvers/yup";
import * as yup from "yup";

const validationSchema = yup.object().shape({
  firstName: yup.string().required("First name is required"),
  lastName: yup.string().required("Last name is required"),  
});

const AddUser = () => {

  const history = useHistory();
  const [type, seType] = useState("");
  const [firstName, setFirstName] = useState("");
  const [lastName, setLastName] = useState("");
 
const {
    register,
    handleSubmit,
    formState: { errors },
    getValues,
  } = useForm({
    mode: "onChange",
    resolver: yupResolver(validationSchema), …
Run Code Online (Sandbox Code Playgroud)

reactjs ionic-framework yup react-hook-form

7
推荐指数
1
解决办法
2万
查看次数

使用 React-Hook-Form 和 YupResolver 时遇到此错误:尝试导入错误:“set”未从“react-hook-form”导出(导入为“o”)

我正在使用 Capacitor、Ionic、React 开发一个应用程序,最近我在第一次使用 React Hook Form 和 YupResolver 时遇到以下错误:

当我尝试运行该项目时,出现以下错误:

Failed to compile
./node_modules/@hookform/resolvers/dist/resolvers.module.js
Attempted import error: 'set' is not exported from 'react-hook-form' (imported as 'o').
Run Code Online (Sandbox Code Playgroud)

我想创建并验证用于更改密码的表单,将新密码提交到外部 API /change-password。表格如下所示:

Actual Password: ...
New Password: ...
Confirm new Password: ...

Submit
Run Code Online (Sandbox Code Playgroud)

组件:

import {
  IonContent,
  IonPage,
  IonItem,
  IonLabel,
  IonButton,
  IonInput,
  IonRow,
  IonAlert,
  IonGrid,
  IonCol,
} from "@ionic/react";
import React, { useState } from "react";
import { useForm } from "react-hook-form";
import { yupResolver } from "@hookform/resolvers/yup";
import * as yup from …
Run Code Online (Sandbox Code Playgroud)

typescript reactjs ionic-framework yup react-hook-form

3
推荐指数
1
解决办法
1万
查看次数