/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

15 votes206 views2 answers
Expo react navigation
Javascript React
-1 vote217 views2 answers
React map example leaflets
Javascript React
8 votes168 views2 answers
React-router-dom get current route
Javascript React
0 vote198 views3 answers
How to hide a screen from drawer in react navigation 5
Javascript React
2 votes195 views1 answer
Make page refresh on top in react js
Javascript React
40 votes207 views4 answers
On click copy to clipboard react
Javascript React
0 vote211 views1 answer
React native mock
Javascript React
0 vote226 views2 answers
Datepicker range npm reactjs
Javascript React
0 vote212 views1 answer
Altenrive for react native
Javascript React
1 vote242 views2 answers
Deploy create react app pm2
Javascript React