Javascript 如何为Reactjs Cookie添加侦听器

我正在一个组件（Menu.js）中设置React cookie，并尝试在另一个组件（Home.js）中侦听它

目前正在使用UniversalCookie:并且有一个addChangeListener函数。然而，我似乎无法让它工作，Home.js中的这个代码片段在我在Menu.js中设置cookie时根本不会触发更新

const cookies = new Cookies();

cookies.addChangeListener(onCookieChange);

function onCookieChange() {
  console.log("Noticed cookie change!")
}

根据其他stackoverflow答案，尝试像这样绑定onCookieChange：

cookies.addChangeListener(this.onCookieChange.bind(this));

得到了这个错误：

TypeError: Cannot read property 'onCookieChange' of undefined

---

您可以使用

onChanged

本机事件。在设置或删除cookie时向其添加eventListener以进行监视

---

查看MDN文档以获取使用示例

此API不是浏览器的本机API。它仅适用于chrome扩展