关于React中,map出来的元素添加事件无法使用的问题

最近看了一篇文章
http://www.tuicool.com/articles/Ejmu63
说的是在使用react中,经常用到react的map函数,用法和jquery里中的map一样,但是,如果你在每个map出来的元素中添加,你会发觉添加的事件无法关联,于是自己写了一个例子,发现不存在这个问题,通过map和返回数组的方式都可以正常的执行事件
1.通过map的方式

var R_Result = React.createClass({
    showDetail:function(url){
        window.open(url);
    },
    render:function(){
        var o = this;
        var list = this.props.date.map(function(c){
        return(
                
  • {c.txtSource}{c.title}

    {c.numPrice}
  • ); }); return(
      {list}
    ); } });

    2.通过返回数组的方式

    var R_Result = React.createClass({
        showDetail:function(item,item1){
            window.open(item);
        },
        render:function(){
            var o = this;
            var arr1 = this.props.date;
            var newArry=[];
            for(var i=0;i
                        

    {arr1[i].txtSource}{arr1[i].title}

    {arr1[i].numPrice} ) } return(
      {newArry}
    ); } });

    你可能感兴趣的:(关于React中,map出来的元素添加事件无法使用的问题)