Мой класс React отображает HTML. У меня есть простое событие onClick для тега привязки. Он работал нормально до предыдущей версии Chrome, т. Е. 77. Chrome обновился и перестал работать простой onClick событиеact.js. Он отлично работает в Firefox и Edge.
В Chrome событие запускается по двойному щелчку вместо одного щелчка. Это происходит только в среде разработки. Тот же код в прототипе работает нормально и в Chrome 78.
// теги
<div className="toggle-chart">
<a href="javascript:void(0)" className="table-icon" id="someID" onClick={this.showTable} ></a>
</div>
// function
showTable(e){
e.preventDefault();
if(e.target.id == "someID"){
console.log('abc')
this.setState({recordStatus: true});
}
}
Эта функция связана в конструкторекласса реакции.
// CSS
.toggle-chart {
position: absolute;
top:5px;
right:0px;
display:none;
}
.show-table-view:hover > .toggle-chart {
display:inline-block;
}
Если я удаляю display: none из css, это работает. Но не работает при наведении.