28.React使用map循环创建对象绑定click无效解决方法

var RechargeBtnEle = React.createClass({
    getInitialState: function() {
        return {id:0};
    },
    handleClick(item,item1){

        console.log(item,item1)
    },
    render(){
        let btnArr = this.props.data
        var newArr = []
        for(let i=0;i<btnArr.length;i++){
            var item = btnArr[i]
            let styleObj = this.state.id==item.id?["recharge","btn","btn-default","btn-sm","selected"].join(‘ ‘):["recharge","btn","btn-default","btn-sm"].join(" ")
            newArr.push(
                <div    className={styleObj}
                        onClick={this.handleClick.bind(this.item,item)}
                        >{`${item.diamond}钻石`}</div>
            )
        }

        return(
            <div className="charge-btn">
               {newArr}
            </div>
        )
    }
})
时间: 2024-10-28 20:25:19

28.React使用map循环创建对象绑定click无效解决方法的相关文章

Ihone中H5页面用on绑定click无效的解决方法

首先声明本人资质尚浅,本文只用于个人总结.如有错误,欢迎指正.共同提高. ----------------------------------------------------------------------------------- 首先问一句? 为什么移动页面还在用click方法?假如必须用click,且遇到如标题所示bug,下文便是解决之道. 话不多说,当你懂得何时直接绑定click,何时用on绑定时候,理解下文就非常容易. 当用如下方法绑定click事件时, exp: $(docu

React Native在Android平台运行gif的解决方法

概述 目前RN在Android平台上不支持gif格式的图片,而在ios平台是支持的,期待以后的版本中系统也是可以默认支持Android的.首先说下在ios平台怎么加载gif呢? <Image source= {require('./img/loading.gif')} style = {styles.loading}/> 完整实例: xport default class Loading extends React.Component { render(){ if (!this.props.i

SpringMvc参数绑定出现乱码解决方法

在SpringMvc参数绑定过程中出现乱码的解决方法 1.post参数乱码的解决方法 在web.xml中添加过滤器 <!-- 过滤器 处理post乱码 --> <filter> <filter-name>CharacterEncodingFilter</filter-name> <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class

处理jQuery append加入的元素 绑定事件无效的方法

通过jquery append(或者before.after,一样)新添加进网页的元素,常用的事件不能触发,比如:append了id 为 abc 的元素,那么 $(#abc).click(function(){})是没有效果的. 解决方法:用on函数 一直以为on函数只有2个参数 正确格式: $("outerSelector").on('eventType','selector',function(){}): outerSelector 是一个一直存在的DOM, selector是你要

SPRING循环依赖(circular reference)的解决方法

循环依赖,就是说类A依赖与B,而B又依赖于A,这种情况本不应该发生,发生这种情况是因为我在项目中使用的工厂模式,用一个工厂来生产一些管理器类,而某一管理器要需要另一管理器提供支持所以就要引用工厂类,而这个管理器和这个工厂就出现了循环依赖(项目中实际的逻辑比这个更复杂,因为我在项目中实现的了一个工作流数据POJO类延迟加载的功能像hibernate 那样在调用一个类的集合属性时才到要shark中去查找数据而不是在new里加载,并且这个数据类的集合属性并不包含加载数据的代码只是普通的Bean方法ge

wordcount程序出现map 100% reduce 0%问题的解决方法

运行wordcount程序一直停在map 100% reduce 0%, input文件夹的内容: 其中: f1.txt中的内容为:hello hadoop f2.txt中的内容为:hello hadoop f3.txt中的内容为:hello world 解决方法: 在/etc/hosts中增加以下红色一行,其中第一列为127.0.0.1,第二列为主机名称: 然后重新使用start-all.sh启动hadoop,然后执行wordcount程序,然后可以看到执行成功: 查看执行结果:

safari下无法模拟click()的解决方法

之前在HTML5 File API — 打开本地图片并预览里提供一种模拟单击file控件的方法,后来发现这种方法在safari下无法使用...之前的旅行笔记和天地图版都是这样,导致safari下点击打开文件按钮不可用,也不提示错误,也不知道是不是这个原因比赛没有入围,唉.... 解决方法很简单,其实不是不能模拟safari,之前<input type="file"/>隐藏用的是display:none,之后改成visibility:hidden,就可以用了!!!我擦. 原因

React 手动实现 this 的绑定的几种方法

一 :bind 方法. 在{}中,这个方法可以帮助我们绑定事件处理器内的  this ,并可以向事件处理器中传递参数 class Hello extends React.Component { //最后一个参数是事件对象 handleClick(param1,param2,event){ alert(param1+":"+param2 + ":"+event); } render() { //通过bind(),可以传递单个或多个参数 return <div o

jquery事件重复绑定的快速解决方法

click等事件 解决:使用unbind("click")方法先解除绑定的事件再绑定新事件,即在给对象绑定事件之前先移除该对象上的原有事件 1 $("#test2").unbind('click').click(function() { 2 alert("click解除绑定执行" + k++ + "次"); 3 }); 转自:http://www.cnblogs.com/shiyou00/p/5531049.html