如何隐藏错误信息并在yup测试中仅突出显示字段

import * as yup from 'yup';

const schema = yup.object().shape({
  username: yup.string().required('用户名不能为空'),
  password: yup.string().required('密码不能为空'),
  email: yup.string().email('请输入有效的邮箱地址').required('邮箱不能为空'),
});

const handleError = (error) => {
  const fieldErrors = {};
  error.inner.forEach((fieldError) => {
    fieldErrors[fieldError.path] = fieldError.message;
  });
  return fieldErrors;
};

const validate = async (data) => {
  try {
    await schema.validate(data, { abortEarly: false });
    return {};
  } catch (error) {
    return handleError(error);
  }
};

// 使用示例
const data = { username: '', password: '', email: 'invalid' };
const errors = await validate(data);
console.log(errors);