对浏览器上的手动 cookies 更改做出反应

Question

我正在开发一个仅限客户端的 React 应用程序，我想知道在我手动更改浏览器应用程序选项卡上的 cookie 后如何重新呈现给定组件。 我不想使用外部 package（如 react-cookie）。

自动柜员机我有这个：

  const [cookieValue, setCookieValue] = useState<number>(
    parseInt(
      document.cookie
        .split('; ')
        .find((row) => row.startsWith('test='))
        ?.split('=')[1] ?? '0'
    )
  );

document.cookie = 'test=2; expires=Thu, 18 Dec 2022 12:00:00 UTC';

在 useEffect 中，我不知道要放什么，以便我可以用我在浏览器上设置的值更新 cookieValue 变量。

谢谢！

Answer 1

没有办法在本地执行此操作。 如果您在组件中设置 cookie，我建议您跟踪 state 中的值并将其设置为document.cookie 。 否则，您将需要手动轮询更改或使用外部 package。