正确输入 function object 参数 TypeScript

Question

我有一个 function 在代码setTouched({...touched, [name]: true }); 它接受 object。 name 属性是动态的，它可以是“email”、“password”或其他。 'touched' object 可以清空。 这是我的界面：

interface IInputFieldProps {
    setTouched: () => void;
}

目前它只是一个 function 什么都不返回。 我试过setTouched: ({[key: string]: boolean}) => void 。 看起来它不起作用。 如何使用 TypeScript 正确键入 object 作为 function 参数？

Answer 1

({[key: string]: boolean})不包含类型，而是无效的解构。 冒号右侧的类型必须为 go：

interface IInputFieldProps {
    setTouched: (data: {[key: string]: boolean}) => void;
}