React开发 获取不到当前触发事件的元素
就一个事件冒泡导致的问题; 实在不行,其他地方也要解决这个问题 得深挖下,事件捕捉/冒泡的过程(有空补全) 既然是子元素冒泡上来了,就得去子元素下阻止冒泡 到这里就要另外办法了,看下面的代码: handleMsglistStar(e){ console.log(e.currentTarget); //拿到当前触发 onClick事件的元素 e.stopPropagation() //停止事件捕捉 e.preventDefault() //加上并没什么X用,事件向上冒泡 } 跑一遍,还是不行。。。
解决无法获取到当前触发事件的元素 handleMsglistStar(e){ console.log(e.currentTarget) console.log(e.currentTarget.getAttribute('data-key')) //这样就能拿到绑定在 li 上的信息了 } {this.props.textList.map(item => ( <li data-key={key} onClick={this.props.handleShowInfo}> <div className="item-content"> <div className="item-media"><img src={item.headimgurl} /></div> <div className="item-inner"></div> </div> </li> ))}
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |