reactjs - "This express is not callable. Type ' bool 值 ' has no call signatures"

Question

我正在尝试使用 typescript 创建 React 组件，但我在控制台中收到此错误“此表达式不可调用。类型‘ bool ’没有调用签名。”

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

错误似乎来自“setOpenPopup” Prop 的第 17 行。

不确定我能做些什么来纠正错误。将不胜感激任何帮助进行故障排除。谢谢!

Answer 1

你的界面有问题。按照惯例，setOpenPopup 应该是一个接受 bool 值并返回最有可能为 void 的任何值的函数

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