如何使用react和typescript修复错误“类型open：any的参数=>布尔值不能分配给boolean类型的参数”的错误？

问题描述

我想使用react和typescript修复错误“类型（打开：任意）的参数=>布尔值不能分配给布尔类型的参数”的错误

我有一个如下定义的方法toggleDialogVisibility

export const useDialog() {
    const {setDialogVisibility} = React.useContext(DialogContext);
    return (
        const toggleDialogVisibility = (toggleValue: boolean) => {
            setDialogVisible(toggleValue);
        };
    );
}

我在如下所示的其他组件中调用它，

function Parent() {
    const {toggleDialogVisibility} = useDialog();
    return (
        <div onClick={() => toggleDialogVisibility(open => !open)} /> //getting error here
    );
}

我不确定如何在此处传递什么类型。有人可以帮我吗谢谢。

解决方法

参数函数toggleDialogVisibility的类型为布尔值。您应该发送一个布尔值而不是一个回调函数。

() => toggleDialogVisibility(!open)}