javascript - 如何使用纯 JavaScript 控制奇观演示？

Question

我试图获取所有幻灯片的数量并使用纯 JavaScript 更改为其中一张。我没有反应，也无法找到一个全局对象来调用某些函数。

有没有类似的东西：presentation.loadSlide(2);？

Answer 1

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

<Deck ref={(deck) => {this.deck = deck; }} transition={["zoom", "slide"]} transitionDuration={500} theme={theme}>
  ...
</Deck>

现在deck，您的组件中有一个名为 的属性。使用componentDidMount生命周期方法检索this.deck.props.children.length并将其分配给window.slideCount.

componentDidMount() {
  window.slideCount = this.deck.props.children.length
}

现在打开浏览器控制台并输入slideCount，您将看到那里显示了幻灯片计数。之后，您可以使用以下更改幻灯片

window.location = "#/1"

Answer 2

从文档中，

GoToAction 标签可让您跳转到套牌中的另一张幻灯片。GoToAction 可以用作支持 Base 样式的简单按钮或接受带有回调的渲染道具以支持自定义组件

以下代码将呈现一个按钮，该按钮将跳转到您的卡片组中的特定幻灯片。

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