“此express不可调用。类型'Boolean‘没有调用签名”

Question

我正在尝试使用typescript创建一个React组件，但在我的控制台中得到了这样的错误：“此表达式不可调用。'Boolean‘类型没有调用签名。”

我的代码的沙盒链接：https://codesandbox.io/s/cranky-carson-16lpe?file=/src/App.tsx

错误似乎来自'setOpenPopup‘道具的第17行。

不确定我可以做些什么来纠正这个错误。如果您能帮我排查故障，我将不胜感激。谢谢!

Answer 1

您的界面错误。按照惯例，setOpenPopup应该是一个接受布尔值并返回任何最有可能为空的值的函数

interface PopupProps {
    openPopup: boolean;
    setOpenPopup: (open: boolean) => void;
}

Answer 2

属性的类型是一个布尔值，然而，在组件中它被作为一个函数来调用。我相信你想

setOpenPopup: (isOpen: boolean) => void; // signature of a function which accepts a boolean