react點擊事件傳參

React里的事件參數傳遞和傳統的JS參數有些不一樣,需要通過bind方法來綁定參數,第一個參數指向this,第二個參數開始才是事件函數接收到的參數

<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>
        );
    }
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容