Как добавить слушателя для Reactjs куки

Question

Я устанавливаю React cook ie в 1 компоненте (Menu. js) и пытаюсь прослушать его в другом компоненте (Home. js)

В настоящее время использую Universal-Cook ie: https://www.npmjs.com/package/universal-cookie и есть функция addChangeListener. Тем не менее, я не могу заставить его работать, этот фрагмент кода в Home. js просто не запускает обновление, когда я устанавливаю cook ie в Menu. js.

const cookies = new Cookies();

cookies.addChangeListener(onCookieChange);

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

Попробовал привязку onCookieChange следующим образом согласно другим ответам stackoverflow:

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

и получил эту ошибку:

TypeError: Cannot read property 'onCookieChange' of undefined

Answer 1

Вы можете использовать нативное событие onChanged. Добавьте eventListener к нему для просмотра, когда cook ie установлен или удален.

Посмотрите MDN Do c за примерами использования. https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/cookies/onChanged