0
我有一個反應組件,它基本上是一個簡單的滑塊。React組件將參數傳入組件
眼下從滑塊圖像被硬編碼
下面的代碼:
import React from 'react';
const Slider =() => (
<div>
<div id="myCarousel" className="carousel slide" data-ride="carousel">
<div className="carousel-inner" role="listbox">
<div className="item active">
<img src="http://placehold.it/1250x250" alt="Chania" />
</div>
<div className="item">
<img src="http://placehold.it/1250x250" alt="Chania" />
</div>
<div className="item">
<img src="http://placehold.it/1250x250" alt="Flower" />
</div>
<div className="item">
<img src="http://placehold.it/1250x250" alt="Flower" />
</div>
</div>
<a className="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span className="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span className="sr-only">Previous</span>
</a>
<a className="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span className="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span className="sr-only">Next</span>
</a>
</div>
<br /><br />
</div>
);
export default Slider;
我的問題是,我怎麼能傳遞圖像URL值到組件?