/Javascript/React/How to open a new tab in react

How to open a new tab in react

Open a new tab when clicking on a link react

<td onClick={()=> window.open("someLink", "_blank")}>text</td>

Source: stackoverflow.com

How to open a new tab in react

//More Secure Solution. For JS only.

const openInNewTab = (url) => {
  const newWindow = window.open(url, '_blank', 'noopener,noreferrer')
  if (newWindow) newWindow.opener = null
}

//Then add to your onClick
onClick={() => openInNewTab('https://stackoverflow.com')}

Source: stackoverflow.com

Open in a new tab react

<td onClick={()=> window.open("someLink", "_blank")}>text</td>

Source: stackoverflow.com

Similar codes

4 votes184 views4 answers
React background gradient
Javascript React
1 vote169 views1 answer
Typeerror object(...) is not a function react useParams
Javascript React
0 vote179 views1 answer
Center child components in react
Javascript React
0 vote177 views1 answer
How to pass an id to the route of a seprate file react
Javascript React
0 vote197 views2 answers
React native bordered image drop with shadow fix
Javascript React
2 votes194 views2 answers
Easiest way to show current date in react
Javascript React
0 vote169 views1 answer
Mock a function jest react
Javascript React
1 vote179 views1 answer
Firebase app named default already exists react native
Javascript React
1 vote211 views1 answer
How to check if bottom tab is active in react native material bottom tab
Javascript React
0 vote168 views2 answers
Airbnb and eslint react native
Javascript React