Нука-карусель отреагирует движением на определенный слайд

Question

У меня вопрос по поводу пакета npm 'nuka-carousel. Как выполнить goToSlide на выбранном элементе. У меня есть список элементов с настройкой scroll3d. Если я нажму, например, последний видимый элемент, я бы хотел прокрутить карусель, чтобы этот элемент находился в центре.

Answer 1

Согласно документации GitHub , вы можете взять под контроль карусель, просто добавив 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});
  }
}