React-slick第一次渲染不起作用

Question

我試着用動態兒童反應光滑，但它不工作，因爲它應該是，第一次呈現的高度來了一些176px，但如果我嘗試調整瀏覽器的大小，那麼它作品和高度更改爲514px。我想可能是我強迫我的組件渲染一次，但它沒有奏效。我試圖複製這個問題，但在那裏得到一些其他問題。

看看在fiddle

var Item = React.createClass({ 
render: function() { 
return (<div> <p> kitten pic < /p><br/ > < img src ='http://placekitten.com/g/400/200'/> < /div>) 
} 
}); 

var ReactSlickDemo = React.createClass({ 
render: function() { 
var settings = { 
    dots: false, 
    vertical: true, 
    autoplay: true, 
    autoplaySpeed: 6000, 
    arrows: false, 
    slidesToShow: 1, 
    slidesToScroll: 1, 
    touchMove: false, 
    swipeToSlide: false, 
    swipe: false 
} 
return (< div className = 'container' > 
    < Slider {...settings 
    } > 
    < Item/> 
    < Item/> 
    < Item/> 
    < /Slider> < /div> 
); 
} 
}); 

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

Answer 1

您已經添加在<Slider>成分反應成分<Item>。所以，你需要在<div>內部包裝<Item>，這應該工作。

<div> 
     < Item/> 
     < Item/> 
     < Item/> 
</div> 

下面鏈接請找到細節：

https://github.com/akiran/react-slick/issues/328