使用react-cookie setCookie - Type '{ [name: string]：any；}‘没有兼容的调用signatures.ts(2349)

Question

我在一个带有类型记录的react应用程序中使用了react cookie，但是出现了错误。

Cannot invoke an expression whose type lacks a call signature. Type '{ [name: string]: any; }' has no compatible call signatures.ts(2349)

当使用setCookie作为

const [setCookie] = useCookies(['example']);
const onLanguageSelect = (data: any) => {
  setCookie('example', data.value, { path: '/' });
};

错误出现在setCookie行上。

如何纠正此错误？在其他问题上阅读这个问题没有帮助，但如果你知道一个资源可以使我走上正确的方向，那就太好了。

Answer 1

在react cookie自述之后：

const [cookies, setCookie, removeCookie] = useCookies(['cookie-name']);

setCookie是返回数组的第二个项。

在您的代码中，您将获得第一项cookies，将其重命名为setCookie。

解决办法：

const setCookie = useCookies(['example'])[1];

小心阵列破坏，这是相当性感，但有时可能会误导。