0

多次渲染后，即使没有更改 react-slick 滑块的设置，滑块也会完全停止工作。没有按钮点击，没有滑动，滑块完全停止。这是发生的问题：

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/20bu​​mb4g/727/

要重现，请单击下一个和/或上一个按钮，直到您发现没有任何效果为止。所有代码正在做的就是大约每秒重新渲染给定的组件。

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

实际结果：react-slider 停止滑动，按钮不再起作用。

4

0 回答 0