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

Question

 {
        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 选择器上