TypeScript 要求将类型添加到键值

Question

我的 angular 项目中有表格。 此表单包含带有图像上传的输入。 所以我使用 FormData 将数据发送到服务器。 我尝试使用 function 到 append 表单字段到 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 得到一个错误“元素隐含地有一个‘任何’类型，因为‘字符串’类型的表达式不能用于索引类型‘未知’。没有带有‘字符串’类型参数的索引签名是在“未知”类型上找到”。 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;
}