javascript - 如何在 React 中使用 useCookies 完全删除 cookie 而不会留下未定义

Question

所以我有一个 django-react 应用程序，我在其中使用 django-rest-framework token 认证包。我将从 API 调用中获取 token 并将其插入到将作为 cookie 存储的 Hook (useCookies) 中。我的代码如下:

import { useCookies } from "react-cookie";

const Home = () => {
     const[token, setToken, removeToken] = useCookies(['loginToken']);
}

const loginBtn = () => {
  APIService.LoginUser({
    username: username,
    password: password,
  })
    .then((response) => {
      setToken("loginToken", response.token);
    })
    .catch((error) => console.log(error));
};

现在我正在尝试创建一个注销功能，用户只需按下注销按钮即可注销。到目前为止我所拥有的是:

const logout = () => {
     removeToken(['loginToken']);
}

当按下按钮时，它会将我的 cookie 值变为未定义。
之前

loginToken: 'asd99123jsd9asd9231'

在 之后

loginToken: 'undefined'

从我阅读的文档中，它应该完全删除 cookie，甚至不留下 cookie 变量。我可能会在这里错过什么？非常感谢你。如果您需要更多信息，我很乐意为您提供请耐心等待，因为这是我的第一个 React 项目。

Answer 1

我在删除 cookie 时遇到了同样的问题。
在我的例子中，调用 removeCookie 时 cookie 是相同的。
然后我找到了一个解决方案:
我没有告诉删除 cookie 功能的路径。

removeCookie('cookie-name',{path:'/'});

附: - 在这里找到解决方案(另一个 StackOverflow 问题): cookies.remove('abc') not working in reactJs