React-Image-Gallery导致Buggy行为

Question

我一直在尝试从this npm package实施react-image-gallery。

虽然我可以让一些滑动图像工作，但每当我快速点击下一个箭头按钮时，它就会以类似马车的行为弹出到屏幕顶部：

我尝试减少CSS文件中的转换时间，但是会发生同样的错误行为。我做错了什么？我怎样才能让这个轮播像示例中一样平稳过渡？

我安装了包，然后按照建议包含它：

import ImageGallery from 'react-image-gallery';
import React from 'react'
import '../node_modules/react-image-gallery/styles/css/image-gallery.css';

class App extends React.Component {
  render() {
    const images = [
      {
        original: 'http://lorempixel.com/1000/600/nature/1/',
        thumbnail: 'http://lorempixel.com/250/150/nature/1/',
      },
      {
        original: 'http://lorempixel.com/1000/600/nature/2/',
        thumbnail: 'http://lorempixel.com/250/150/nature/2/'
      },
      {
        original: 'http://lorempixel.com/1000/600/nature/3/',
        thumbnail: 'http://lorempixel.com/250/150/nature/3/'
      }
    ]
    return (
      <ImageGallery items={images} />
    );
  }
}
export default App;