私のウェブサイトへのガイド付きツアー/ジョイダントの統合

Question

私のリアクションアプリの楽しみやガイドツアーを追加したいと思います。私は、ユーザーが最初にそれを使用し、それ以降の頻繁な訪問に使用不可にすると、それを表示したい。 このライブラリhttps://github.com/gilbarbara/react-joyrideが見つかりましたが、その後の訪問で同じユーザーを無効にする方法がわかりませんでしたか？ localstorageまたはcookieを使用してこの問題に対処することはできますか？どうやって？

Answer 1

はい、それをlocalStorageに追加するのは良い解決策です。コールバックパラメータ

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

を使用してツアー後のlocalStorageに設定することも

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

可能：私はチェックをトリガするために、このために次の関数を使用します