2
以下是我正試圖用carousel工作的代碼=>這基本上就是網站上給出的例子。如何使用Bootstrap 4中的旋轉木馬組件與React.js?
沒有錯誤,活動滑塊顯示,但滑動效果似乎無法正常工作,我不知道如何使它與React一起使用。我做錯了嗎?它與'href'有關嗎?請幫幫我。它的駕駛我堅果...
import React from 'react';
export default class Slider extends React.Component {
render() {
return (
<div id="carouselExampleIndicators" className="carousel slide" data-ride="carousel">
<ol className="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" className="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div className="carousel-inner" role="listbox">
<div className="carousel-item active">
<img className="d-block img-fluid" src="resources/img/cd-background-img.jpg" alt="First slide"/>
</div>
<div className="carousel-item">
<img className="d-block img-fluid" src="resources/img/home-bg.jpg" alt="Second slide"/>
</div>
<div className="carousel-item">
<img className="d-block img-fluid" src="resources/img/home-bg.jpg" alt="Third slide"/>
</div>
</div>
<a className="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span className="carousel-control-prev-icon" aria-hidden="true"></span>
<span className="sr-only">Previous</span>
</a>
<a className="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span className="carousel-control-next-icon" aria-hidden="true"></span>
<span className="sr-only">Next</span>
</a>
</div>
);
}
}
面臨同樣的問題。滑動不工作 –