react-joyride使用小结

本文总结了react-joyride的使用,包括如何进行首页新手导航步骤提示的设置,如run属性控制提示步骤的运行,通过selector指定提示位置,使用addSteps添加步骤并确保元素的className与selector匹配。此外,还介绍了如何实现小灯泡功能,通过reset方法重新触发提示,并提供了官方Demo链接供参考。
摘要由CSDN通过智能技术生成


react-joyride是个神马东东呢?就是首页的新手导航步骤提示(自己编的名字,这都不重要)。

 react-joyride中比较重要的就是run,它代表着是否运行提示步骤。布尔值   

(举栗:在componentDidMount里判断是不是第一次登陆,然后决定他是true还是false)

除此之外,比较重要的就是提示框出现的位置。就是selector。selector在每个步骤里

每个提示的步骤都放在一个对象里:

<

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值