React里的事件參數(shù)傳遞和傳統(tǒng)的JS參數(shù)有些不一樣粤咪,需要通過bind方法來綁定參數(shù),第一個參數(shù)指向this,第二個參數(shù)開始才是事件函數(shù)接收到的參數(shù)
<button onClick={this.handleClick.bind(this, props0, props1, ...}></button>
handleClick(porps0, props1, ..., event) {
// your code here
}
showDetail:function(url){
window.open(url);
},
render:function(){
var o = this;
var list = this.props.date.map(function(c){
return(
<li onClick={o.showDetail.bind(c,c.txtUrl)}>
<h1><span className="am-badge am-badge-success am-radius ">{c.txtSource}</span>{c.title}</h1>
<span className="price am-badge am-badge-warning am-radius ">{c.numPrice}</span>
</li>
);
});
return(
<div id="result">
<ul className="am-list">
{list}
</ul>
</div>
);
}