我正在使用 yup 使表单无效，当它们无效时我希望这个函数返回错误，但它总是在validationErrors [error.path] 中给出错误，它得到类型“未定义”不能用作索引类型
import { ValidationError } from 'yup';
interface Errors {
[key: string]: string;
}
export default function getValidationErrors(err: ValidationError): Errors {
const validationErrors: Errors = {};
err.inner.forEach(error => {
validationErrors[error.path] = error.message;
});
return validationErrors;
}
----------
Console error:
Type 'undefined' cannot be used as an index type. TS2538
11 | err.inner.forEach((error) => {
> 12 | validationErrors[error.path] = error.message;
| ^
13 | });
14 |
15 | return validationErrors;
这里的问题是 thatValidationError的path字段被声明为可选：
export default class ValidationError extends Error {
value: any;
path?: string; // path?: string | undefined
type?: string;
errors: string[];
params?: Params;
inner: ValidationError[];
...
这意味着即使它出现在错误对象上，它的值也可以（从打字稿的角度来看）是undefined.
因此，在error.path用作计算索引值之前，您必须检查它是否不是undefined。你要么按预期检查它：
err.inner.forEach(error => {
if (typeof error.path !== 'undefined') {
validationErrors[error.path] = error.message;
}
});
或者，如果您绝对确定它可能永远不会undefined，则可以使用非空断言运算符键入 assert： !
err.inner.forEach(error => {
validationErrors[error.path!] = error.message;
});
但请记住，如果您的建议是错误的，则使用类型断言，您将validationErrors.undefined在错误对象中获得字段。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句