如何在反应中在渲染器上设置 yup 验证

问题描述

 {
        label: "Room",name: "room",type: "select",rule: yup.string().min(1,'Room field must have at least 1 or more items').required('Room is a required field'),renderer: () => {
          const { control,register,errors } = useFormContext();

          return (
            <SelectPicker
              placeholder="Room"
              data={roomList}
              labelKey="name"
              valueKey="row"
              onChange={(value) => {
                control.setValue('room',value)
              }}
              value={control.getValues()['room']?.row}
            />
          )
        }

如何在 selectpicker 上应用 yup 验证，导致单击提交按钮后不显示错误消息。

我试图申请添加这个

validate={value => {
            if (!value) {
              return "required";
            }
          }}

在 rsuite 选择器上

解决方法

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

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

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