正确键入函数对象参数 TypeScript答案

【问题标题】：Properly type function object argument TypeScript正确键入函数对象参数 TypeScript
【发布时间】：2020-08-12 18:08:52
【问题描述】：

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

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

目前它只是一个不返回任何内容的函数。我试过setTouched: ({[key: string]: boolean}) => void。看起来它不起作用。如何使用 TypeScript 将对象正确键入为函数参数？

【问题讨论】：

【解决方案1】：

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

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

【讨论】：