reactjs - 宽度=0的反应光滑（img不显示）

Question

我正在使用react-slick，我很难弄清楚这种奇怪的width=0行为是怎么回事。我在 github repo 上遇到了这个问题，但我还没有解决它。我的图像没有显示。有什么想法可以解决这个问题吗？谢谢！以下是相关代码：

  render() {

var settings = {
 dots: false,
 infinite: false,
 speed: 2500,
 slidesToShow: 1,
 slidesToScroll: 1,
 autoplay: true,
 autoplaySpeed: 2500,
 useCSS: false
};

---

 <section className="text_container">
      <div className="first_col">
      <Slider {...settings}>
      <img src="xx" />
      <img src="xx" />
       <img src="xx" />
      </Slider>
      </div>
      <div className="second_col">
        <p>
           blablabla
        </p>
      </div>

.section_2 .text_container{
width: 94.1vw;
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
    align-items: flex-start;
margin-top: 5vw;
margin-bottom: 0;


}

.section_2 .text_container .first_col img{
    height: 25.5vw;
    display: block;
    width: auto;
    position: absolute;
}