在已经被破坏的驱动器对象上呼叫毁灭()会摧毁另一个处于活动状态的驱动器对象.

我试图做的 我有一个 React app,我想向用户强调,他们可以通过点击一个按钮来获得应用程序的巡演,然而,我想在用户方没有互动的4sec后,或者当用户关闭了突袭,或者在点击按钮开始巡演时,销毁突袭.

问题 为了破坏4秒后无动静的亮度,我有一个“定时出局”,等待4000毫秒,然后在我为亮度而制造的驱动物体上使用“毁灭”方法。 然而,如果用户点击了"**Start Tour"**按钮,则使用我已初始化的另一个驱动对象创建了新的巡演,因为亮点对象已经被摧毁了,新的巡演在4秒后被摧毁.

代码和演示 {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你来干什么? 导入反应,{使用状态,使用效果,使用Memo}从“反应”; 从'driver.js'导入{驱动程序,类型为 DriveStep}; 导入“ driver.js/dist/driver.css”; 导入“% 1” ;

Const MainLayout: react.FC= () {{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{} Const 驱动程序 ObjForDemo = 使用Memo( (单位:千美元) 驱动程序( { 舞台布料: 6个, 拉迪乌斯舞台: 5, 覆盖颜色 : '# 000000AA', 重叠时间: 0.9, 波波克:"驾驶主题", ~ , , ( ) , [ (三)

Const 驱动程序 Obj = 使用Memo( (单位:千美元) 驱动程序( { 显示进展:真实的, 舞台布料: 6个, 拉迪乌斯舞台: 5, 覆盖颜色 : '# 000000AA', 重叠时间: 0.9, 波波克:"驾驶主题", ~ , , ( ) , [ (三)

使用效果( ()) {{{ 如果(hash QQ hash QQ"#demo") { // * 显示亮点, 让用户知道他们在使用演示链接访问时可以得到巡演. 驱动程序 ObjForDemo.highlight({) 元素 : '# start-tour- 按钮', 弹出: { 说明 : “ 您可以通过点击这里来获得对应用程序的简短浏览。 ” , 侧:"下", 对齐:“结束”, {\fn华文楷体\fs16\1cHE0E0E0}

• ;

/ / * 如果没有用户交互, 在 4sec 中销毁突出显示 。 设置时间出错( ()) {{{} 如果 (Driver ObjForDemo 驱动程序 ObjForDemo.isActive ()) { / /? 如果用户选择从亮点开始参观, 带对象( driverObj) 在4秒后被销毁 dstroy () 驱动程序; {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢? *, 4000; (中文(简体) ). {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢? (掌声,司机ObjForDemo);

Const handle StartTour = () {{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{{ // * 如果用户点击了"启动之旅"按钮, 则销毁要闻, 否则会保持开放 。 如果 (Driver ObjForDemo 驱动程序 ObjForDemo.isActive ()) { dstroy () 驱动程序; {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?

const baseSteps: DriveStep [] = [.listOfBaseSteps]; ; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 4; 3; 3; 3; 3; 3; 5; 3; 3; 3; 3; 3; 3; 5; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; 3; ; ; 3; ; ; ; ;

// *移动设备之旅. 如果(断点QQ ('base' QX' sm')) { Const 移动 DrawerStep: DriveStep = {... Step ForMobile Only}; ; 页面存档备份,存于互联网档案馆 驱动程序 Obj. setSteps ([移动拖放 Step,. baseSteps]); 否则 // * 对大于移动的设备进行旅游. 驱动程序 Obj. setSteps( baseSteps) ; {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?

驱动程序( Obj. drive) ;

• ; {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}你觉得呢?

. . . . . . .