我的React类正在呈现HTML。我在锚标记上有一个简单的onClick事件。在之前版本的chrome(即77)之前,它都可以正常工作。Chrome已更新,react.js的简单onClick事件停止了工作。在firefox和edge中效果很好。
在Chrome事件中,双击而不是单击会触发该事件。 它仅在开发环境中发生。原型中的相同代码在chrome 78中也可以正常工作。
//标签
<div className="toggle-chart">
<a href="javascript:void(0)" className="table-icon" id="someID" onClick={this.showTable} ></a>
</div>
//功能
showTable(e){
e.preventDefault();
if(e.target.id == "someID"){
console.log('abc')
this.setState({recordStatus: true});
}
}
此函数绑定在react类的构造函数中。
// CSS
.toggle-chart {
position: absolute;
top:5px;
right:0px;
display:none;
}
.show-table-view:hover > .toggle-chart {
display:inline-block;
}
如果我从CSS删除 display:none ,则可以使用。但是无法进行悬停。