react用map遍历生成的标签通过index添加不同的事件

 {

                  lists1.map((e,index) => (

                    <div key={index}>

                      <div>

                        <img onMouseEnter={(e)=>{imggo(e,index)}}  onMouseLeave={imglv} src={img == index ? e.imgpath1 : e.imgpath}></img>

                      </div>

                      <div>

                        <span>{e.text1}</span><br/>

                        <span className='botson'>{e.text2}</span>

                      </div>

                    </div>

                  ))

                }

当img这个开关等于对应索引的时候,对应的标签才会生效这个三目运算符 ,事件必须写成那个箭头函数获取bind(this)

记得要return出来才行!!!!

 

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值