/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 vote206 views1 answer
React testing for links
Javascript React
0 vote2.2K views1 answer
How get value of datePicker in react
Javascript React
0 vote207 views2 answers
TS2307: Cannot find module './archive.svg' jest react
Javascript React
15 votes224 views5 answers
Usestate react hook
Javascript React
0 vote199 views1 answer
Export variables react
Javascript React
3 votes231 views1 answer
React tooltip data-tip
Javascript React
0 vote227 views1 answer
Create react app node: internal/modules/cjs/loader:936throw err;^Error: Cannot find module 'react-scripts/scripts/init.js'
Javascript React
0 vote219 views1 answer
Overflow scroll react native
Javascript React
0 vote203 views2 answers
Get location from brwoser react
Javascript React
3 votes228 views3 answers
Multiple styles in react native
Javascript React