javascript - 如何用纯javascript控制奇观呈现？

Question

我尝试获取所有幻灯片的计数，并使用纯 JavaScript 更改为其中一张。我不喜欢 react ，也无法找到一个全局对象来调用某些函数。

是否有类似: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"