美文网首页
TS绕过多余属性检查

TS绕过多余属性检查

作者: 蓝蓝红同学 | 来源:发表于2022-10-27 09:38 被阅读0次

    此时因为接口只定义了name,但使用时多传入了age,TS会报错提示

    interface typeA {
        name: string
    }
    const func = (value: typeA) => {
        return
    }
    func({ name: 'sss', age: 1 })
    

    解决方法

    1.类型断言

    在传参时,将参数指定为该接口类型

    // 1.类型断言
    func({ name: 'sss', age: 1 } as typeA)
    
    2. 索引签名

    定义接口时,添加索引,这样在传参时就可任意传入其他参数

    interface typeA {
        name: string
        [props:string]:any
    }
    

    相关文章

      网友评论

          本文标题:TS绕过多余属性检查

          本文链接:https://www.haomeiwen.com/subject/lzbxtdtx.html