/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 vote293 views1 answer
Sanity react
Javascript React
18 votes286 views3 answers
Add material ui to react
Javascript React
22 votes267 views2 answers
React-bootstrap example
Javascript React
0 vote264 views1 answer
React component in for loop
Javascript React
1 vote278 views1 answer
Get current platform react native
Javascript React
0 vote263 views1 answer
Multi filtering react
Javascript React
32 votes264 views5 answers
React disable eslint errors
Javascript React
1 vote293 views2 answers
Deploy create react app pm2
Javascript React
0 vote251 views1 answer
Export app react native
Javascript React
9 votes311 views3 answers
Disable yellow box react native
Javascript React