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>
        );
    }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,087评论 1 45
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 10,646评论 0 21
  • 写android通知的时候发现Notification的setLatestEventInfo被弃用,于是搜素并整理...
    篱开罗阅读 4,927评论 0 14
  • “谁说的《爱乐之城》不适合与现任去看,和男朋友看了这部电影之后,他就向我求婚了……” 朋友的朋友如是说。虽不认识,...
    手种青梅阅读 3,777评论 4 3
  • 我从前风闻有你 正如爱情,忽远忽近 青葱岁月里 你寻求着我,我追逐着你 终于,我抬头看见 你从远方来,拂去我所有的...
    以海为船阅读 2,860评论 0 1