Question

我对npm软件包'nuka-carousel有疑问。如何在单击的元素上执行goToSlide。我有带有scroll3d设置的元素列表。如果我点击例如上一个可见元素，则我想滚动轮播，以便该元素位于中心。

Answer 1

根据他们的GitHub documentation，只需在控制按钮上添加onClick，然后使用setState()来更改slideIndex，即可控制旋转木马：

import React from 'react';
import Carousel from 'nuka-carousel';

export default class extends React.Component {
  state = {
    slideIndex: 0
  };

  render() {
    return (
      <Carousel
        slideIndex={this.state.slideIndex}
        afterSlide={slideIndex => this.setState({ slideIndex })}
      >
      ...
      </Carousel>
      <button onClick={(event) => this.handlesClick(event, index)}> />
    );
  }

  handleClick = (event, index) => {
    event.preventDefault();
    this.setState({slideIndex: index});
  }
}

Nuka轮播反应移动到某些幻灯片

1 个答案: