我正在react-joyride
为我的create-react-app
.
我的目标是构建一个教程,以便在用户浏览网站时定期启动和停止。这意味着教程将随着某些用户行为(更改页面、启动新模块等)打开和关闭
问题:如何集成:跨多个页面和组件的步骤<> Joyride <>组件状态?
我考虑了(4)不同的方法:
- 拥有一个在上下文中加载和管理并传递到页面的单一主“步骤”JSON
- 在每个页面和组件中有多个单独的“步骤”JSON 文件。
- 在全局级别拥有一个
<Joyride />
接收单个 JSON“步骤”文件的单个组件 - 每个页面/组件上都有多个
<Joyride />
组件,并带有本地“步骤”文件
我已经尝试了所有四种方法,但仍然无法让joyride 在多个页面上流畅地工作。
任何想法/建议表示赞赏!