TypeScript 要求将类型添加到键值

Question

我的 Angular 项目中有表格。此表单包含带有图像上传的输入。所以我使用 FormData 将数据发送到服务器。我尝试使用函数将表单字段附加到 FormData。

export function toFormData<T>(formValue: T) {
    const formData = new FormData();

    for (const key of Object.keys(formValue)) {
        const value = formValue[key];  <--- error here
        formData.append(key, value);
    }

    return formData;
}

sendForm() {
    const team = toFormData(this.form.value);
    this.teamService.sendTeam(team).subscribe(() => {});
}

我收到来自 ts-lint 的错误“元素隐式具有 'any' 类型，因为 'string' 类型的表达式不能用于索引类型 'unknown'。没有参数类型为 ' 的索引签名在类型 'unknown' 上找到 string'”。 IDE 下划线 formValue[key] 表达式。尝试添加类型，但没有帮助。

Answer 1

formValue[key] 是 any，因为 T 不会缩小类型，这很好。

要抑制此错误，您需要将any 转换为unknown，就像T extends Record<string, unknown> 一样。现在这意味着value 具有未知类型，应该在使用变量之前先声明它。

export function toFormData<T extends Record<string, unknown>>(formValue: T) {
    const formData = new FormData();

    for (const key of Object.keys(formValue)) {
        const value = formValue[key];
        // feel free to remove Blob if it's not your case.
        if (typeof value !== 'string' && !(value instanceof Blob)) {
            continue;
        }
        formData.append(key, value);
    }

    return formData;
}