小编sno*_*uck的帖子

我是ReactJs中的新手，所以我正在使用react-hook-form和Yup模式验证，我需要验证我的“选择字段”，并且当我的“选择字段”onChange时我需要做一些事情。但模式验证不起作用。例如：当单击提交按钮并且“选择字段”上的值为空/空时，会出现错误消息，但是当选择字段值更改为非空/非空值时，错误消息不会消失，并且错误消息仍然退出。我的目标是当“选择字段”值不为空时，错误消息消失。有人知道怎么修这个东西吗？预先感谢并为我蹩脚的英语感到抱歉。下面是我的代码和codesandbox 中的链接。 代码沙箱

import React from "react";
import ReactDOM from "react-dom";
import { useForm } from "react-hook-form";
import { yupResolver } from "@hookform/resolvers/yup";
import * as yup from "yup";

import "./styles.css";

const SignupSchema = yup.object().shape({
  select: yup.string().required()
});

function App() {
  const {
    register,
    handleSubmit,
    formState: { errors }
  } = useForm({
    mode: "onChange",
    resolver: yupResolver(SignupSchema)
  });
  const onSubmit = (data) => {
    alert(JSON.stringify(data));
  };

  const doSomething = (value) => {
    // do something with my select value onChange
  }; …