打字稿中的对象参数类型定义

Question

我正在传递一个组件一些道具。 其中之一是不返回任何内容的函数。 我必须传递两个对象作为由两个布尔值组成的参数。 如何指定这些参数是布尔值？

const MyComponent: React.FC<{
  onChange: ({ isFoo1, isFoo2 }) => void;
}> = ({ onChange }) => {
    const [isFoo1, setIsFoo1] = useState<boolean>(false);
    const [isFoo2, setIsFoo2] = useState<boolean>(false);
  
    /*
    * stuff...
    */

    useEffect({
      onChange({isFoo1, isFoo2})// <----- Type error
    },[isFoo1, isFoo2])
}

typerror 的代码为 2345，它出现是因为在onChange定义中我没有指定两个参数的类型。我该怎么做？

Answer 1

不要在onChange函数的类型中使用解构。 相反，只需使用普通对象参数并像输入对象一样键入它：

onChange: (obj: {isFoo1: boolean, isFoo2: boolean}) => void;

游乐场链接