javascript - 导游/欢乐之旅集成到我的网站

Question

我想为我的 React 应用程序添加兜风或导游。我想在用户第一次使用它时显示它，并在后续频繁访问时禁用它。我找到了这个库https://github.com/gilbarbara/react-joyride但不知道如何禁用同一用户的后续访问？我可以使用 localstorage 或 cookies 来解决这个问题吗？怎么办？

Answer 1

是的，将其添加到 localStorage 是一个很好的解决方案。我使用以下函数来触发检查:

checkForInitialTour() {
  if (!localStorage.getItem('tourDone')) {
    localStorage.setItem('tourDone', true);
    this.joyride.reset();
    this.joyride.start(true);
  }
}

也可以在游览结束后使用回调参数在本地存储中进行设置

callback={(e) => { if (e.type === 'finished') { window.scrollTo(0, 0); localStorage.setItem('tourDone', true); } }}