react-slick：当重新渲染多次时，滑块完全停止工作

Question

多次渲染后，即使没有设置为反应滑板滑块的更改，滑块也会完全停止工作。没有按钮单击，没有滑动工作，滑块完全停止。这是出现的问题：

var ReactSlickDemo = React.createClass({
    getInitialState: function(){
    return {count: 0};
  },
    componentDidMount: function(){
   var that = this;
    setInterval(function(){
        that.setState({count: that.state.count + 1});
    },800);
  },
  render: function() {
    var settings = {
        dots: true
    }
    return (
        <div className='container'>
        <Slider {...settings}>
            <img src='http://placekitten.com/g/400/200' />
          <img src='http://placekitten.com/g/400/200' />
          <img src='http://placekitten.com/g/400/200' />
          <img src='http://placekitten.com/g/400/200' />
        </Slider>
      </div>
    );
  }
});

ReactDOM.render(
  <ReactSlickDemo />,
  document.getElementById('container')
);

jsfiddle：https://jsfiddle.net/20bumb4g/727/

要重现，请单击下一个和/或上一个按钮，直到您发现任何内容都不再有效。所有代码都在做的是每秒重新渲染给定的组件。

重新渲染时的预期： react-slider show继续工作，包括所有按钮。

实际结果： react-slider停止滑动，没有任何按钮可以工作。