如何用纯JavaScript控制眼镜展示？

Question

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

是否有：presentation.loadSlide(2);？

Answer 1

来自docs，

  

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

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

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

Answer 2

请添加对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"