goTo
ref
Carousel
this.carousel.goTo(someIndex)
class App extends React.Component { constructor(props) { super(props) this.goto = this.goto.bind(this) } goto({ target }) { this.carousel.goTo(Number(target.value)) } render() { return ( <div> <label>Go to </label> <input type="number" defaultValue={0} onChange={this.goto} /> <hr /> <Carousel ref={ref => (this.carousel = ref)}> <Item>1</Item> <Item>2</Item> <Item>3</Item> <Item>4</Item> <Item>5</Item> <Item>6</Item> </Carousel> </div> ) } }