/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

0 vote311 views1 answer
Spining load react component
Javascript React
0 vote387 views1 answer
React convert table to pdf
Javascript React
126 votes451 views4 answers
React app using npm
Javascript React
6 votes311 views1 answer
'useHistory' is not exported from 'react-router-dom'.
Javascript React
6 votes313 views3 answers
React native vector icons not showing
Javascript React
64 votes349 views7 answers
React router
Javascript React
0 vote325 views1 answer
React-tournament-ready
Javascript React
1 vote322 views2 answers
React beforeunload
Javascript React
0 vote321 views1 answer
How to run and clone react app
Javascript React
4 votes285 views1 answer
Pass parameter to handleclick react
Javascript React