使用Yup验证React Select

问题描述

如何验证用户是否在react select中选择了一个值（这是必填字段）

但是，即使选择它也会显示错误。

我得到的uf是不确定的。

我该如何解决？

下面的代码：

const handleSubmit = useCallback(async (data) => {
    try {
      if (formRef.current !== undefined) {
        formRef.current.setErrors({});
      }

      const schema = Yup.object().shape({
        crm: Yup.string()
          .required('CRM é obrigatório')
          .min(5,'Digite no mínimo 5 caracteres'),uf: Yup.string().required('UF é obrigatório'),});
      await schema.validate(data,{ abortEarly: false });
    } catch (err) {
      if (err instanceof Yup.ValidationError) {
        const errors = getValidationErrors(err);
        if (formRef.current !== undefined) {
          formRef.current.setErrors(errors);
          console.log('erroo',err);
          return;
        }
      }
    }
  },[]);

  return (
    <Form className={styles.container} ref={formRef} onSubmit={handleSubmit}>
      {/* <div className={styles.inputsContainer}> */}
      <Input
        // onChange={changeInput}
        className={styles.input}
        name="crm"
        placeholder="00000"
      />
      <ReactSelect name="uf" />

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）