Итак, у меня есть элемент DIV, который, при нажатии, я хочу открыть новую вкладку в другом окне. Единственная проблема заключается в том, что всякий раз, когда страница обновляется или нажимается любой другой элемент div, также запускается функция th, которая открывает страницу в другом окне. Я включу свой код ниже, но я не уверен, почему это происходит, поскольку я использую onClick={window.open("https://www.thechinesewriter.com")
Как я уже сказал, я хочу, чтобы новая вкладка открывалась только при нажатии div, а не когда какая-либо другая элементы на странице щелкаются или даже когда обновляется сама страница.
import React from "react";
import "./Column1.css";
class Column1 extends React.Component {
render() {
return(
<React.Fragment>
<div className="rectImage">
<img className="imagePost" src={this.props.image} />
</div>
<div onClick={window.open("https://www.thechinesewriter.com")} className="downloadBut1">
<h2>
Source
</h2>
</div>
<div className="downloadBut2">
<h2>
Repository
</h2>
</div>
</React.Fragment>
)
}
}
export default Column1;