如何使用纯javascript控制奇观演示?

如何使用纯javascript控制奇观演示?,javascript,reactjs,spectacle,Javascript,Reactjs,Spectacle,我试图获得所有幻灯片的数量,并使用纯javascript更改为其中一张。我不喜欢react,也找不到全局对象来调用某些函数 是否有类似的内容:presentation.loadSlide(2)?来自 GoToAction标签允许您跳转到甲板上的另一张幻灯片。GoToAction可以用作支持基本样式的简单按钮,也可以接受带有回调的渲染道具以支持自定义组件 下面的代码将呈现一个按钮,该按钮将跳转到您的幻灯片组中的特定幻灯片 <GoToAction slide={3}>Jump to 3&

我试图获得所有幻灯片的数量,并使用纯javascript更改为其中一张。我不喜欢react,也找不到全局对象来调用某些函数

是否有类似的内容:
presentation.loadSlide(2)

来自

GoToAction标签允许您跳转到甲板上的另一张幻灯片。GoToAction可以用作支持基本样式的简单按钮,也可以接受带有回调的渲染道具以支持自定义组件

下面的代码将呈现一个按钮,该按钮将跳转到您的幻灯片组中的特定幻灯片

<GoToAction slide={3}>Jump to 3</GoToAction>
跳到3

GoToAction标签允许您跳转到甲板上的另一张幻灯片。GoToAction可以用作支持基本样式的简单按钮,也可以接受带有回调的渲染道具以支持自定义组件

下面的代码将呈现一个按钮,该按钮将跳转到您的幻灯片组中的特定幻灯片

<GoToAction slide={3}>Jump to 3</GoToAction>
跳到3

请添加对
甲板
组件的引用,如下所示

<Deck ref={(deck) => {this.deck = deck; }} transition={["zoom", "slide"]} transitionDuration={500} theme={theme}>
  ...
</Deck>
现在打开浏览器控制台并键入
slideCount
,您将看到幻灯片计数显示在那里。之后,您可以使用以下命令更改幻灯片

window.location = "#/1"

请添加对
Deck
组件的引用,如下所示

<Deck ref={(deck) => {this.deck = deck; }} transition={["zoom", "slide"]} transitionDuration={500} theme={theme}>
  ...
</Deck>
现在打开浏览器控制台并键入
slideCount
,您将看到幻灯片计数显示在那里。之后,您可以使用以下命令更改幻灯片

window.location = "#/1"

如果一切都失败:
window.location=“#/2?presenter”
是的,谢谢,我也这么认为,但我不知道如何获得所有幻灯片的计数,如果加载一张超出边界的幻灯片,就会出现错误(如果加载最后一张幻灯片的数量超出边界,这将是一个解决办法),您是否可以控制React项目。或者,它是其他人的项目,您不能修改React代码。我有控制权。是的。没有其他办法吗?好的,那么如果你可以控制React,那么我想你已经有了幻灯片计数,但希望它在全局对象中,这样你可以通过
窗口访问它。SlideCount
如果一切都失败了:
window.location=“#/2?presenter”
是的,谢谢,我也这么认为,但是我不知道如何获得所有幻灯片的计数,如果我加载了一张超出边界的幻灯片(如果加载最后一张幻灯片的数量非常高,这将是一个解决办法),那么您是否可以控制React项目。或者,它是其他人的项目,您不能修改React代码。我有控制权。是的。没有其他办法了吗?好的,如果你可以控制React,那么我想你已经有了slides count,但希望它在全局对象中,这样你就可以通过
窗口访问它。SlideCount
谢谢。但是我需要从iFrame外部控制演示文稿(跳到下一张、上一张、第一张、最后一张幻灯片…),所以这对我没有帮助。谢谢。但是我需要从iFrame外部控制演示文稿(跳到下一张、上一张、第一张、最后一张幻灯片…),所以这对我来说没有帮助。感谢您的解决方案。它不如revealjs这样的api好,但我会接受它。:)感谢您的解决方案。它不如revealjs这样的api好,但我会接受它。:)