如何在 Nextjs 的打字稿中编写 Yup 模式

Question

定义 yup 模式时实际上出现错误：

错误：无法读取未定义的属性（读取 'object'）

import Yup, { object } from 'yup'
import { useFormik } from 'formik'

interface Account {
  username: string;
  email: string;
  password: string;
}

const loginSchema: Yup.SchemaOf<Account> = Yup.object().shape({
    email: Yup.string().email().required(),
    username: Yup.string().min(3).max(25).required().matches(/^[a-z0-9]+$/i, "Username should contain alphabets and numbers only"),
    password: Yup.string().required().min(4).matches(/^[a-z0-9]+$/i, "Password should contain alphabets and numbers only")
  })

实际上我是 yup 和 typescript 的新手，所以请告诉我在 ts 中定义 yup 的实际方法

Answer 1

除了 import 语句之外，代码本身没有任何问题。

改变

import Yup, { object } from 'yup'

到

import * as Yup from "yup";

您正在通过 Yup

访问 object 功能

如何在 Nextjs 的打字稿中编写 Yup 模式

How to write Yup schema in typescript in Nextjs

reactjs

next.js

yup

formik