2 回答

TA貢獻(xiàn)1865條經(jīng)驗 獲得超7個贊
我已經(jīng)通過使用解決了這個問題owlcarousel。
請查看更多OwlCarousel 在這里,我過濾了數(shù)組并返回了響應(yīng)。
render() {
const { services, loading} = this.props.resume;
var checkImage = services.length === 0 ? [] : services.filter((item) => item.service_name === "Kitchen")
return(
<div>
<OwlCarousel className="owl-theme" loop margin={10} nav>
{checkImage.map((item, i) => (
<div className="col-xs-12 item" key={item._id} data-id={item._id} >
<img className="service-gallery-images" src={item.service_image_url} alt=""/>
</div>
))}
</OwlCarousel>
</div>
)
}

TA貢獻(xiàn)1873條經(jīng)驗 獲得超9個贊
問題很可能是您必須在方法中使用 prevState :
像這樣:
slideNext = () => this.setState(prevState => ({ currentIndex: prevState.currentIndex + 1 }));
對你的兩種方法都這樣做。
添加回答
舉報