React history.push allow user to open in new tab

Question

Navigation between pages in my navbar is done using an onClick handler, rather than through hrefs. When doing this, I can't either middle click to open in a new tab or right click on the link and select open in new tab. I am using react-router-v4.

An example of a route.

<a onClick={() => this.props.history.push('/conference/')}>Conference</a>

Is there a way to allow this to happen in react or should I be using hrefs instead?

Solution 1

You can use <Link to='/conference'>Conference</Link> to do this.

Solution 2

You should use Link from react router

<Link to={`/conference`}>Conference</Link>

Comments

[Useme Alehosaini]

Thank you and welcome @german-st, Can you provide an explanation for the answer, as it is very short