vue3项目中，ts定义问题？

Question

子组件接收了父组件 argObj 和 formValue 两个参数，我是如下定义的：

interface Props {
    argObj: {
        key: string
    };
    formValue: {
        [argObj.key]: string
    }
}

此时会出现一个

error TS1170: A computed property name in a type literal must refer to an expression whose type is a literal type or a 'unique symbol' type.

的报错，请问我应该如何定义这个 formValue 中的 key

Answer 1

interface Props {
    argObj: {
        key: string
    };
    formValue: {
        [key: string]: string
    }
}

Answer 2

报错是防止在中途去篡改对象里面的值

参考这一篇文章:

https://blog.csdn.net/YopenLang/article/details/125918918