/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 vote395 views2 answers
Combine p5 with react
Javascript React
0 vote325 views1 answer
React native clear route params
Javascript React
13 votes318 views4 answers
React native elevation
Javascript React
2 votes396 views1 answer
React native open email client
Javascript React
5 votes333 views1 answer
React native import svg image
Javascript React
2 votes340 views1 answer
If back react
Javascript React
1 vote291 views1 answer
Tailwincss in react native
Javascript React
1 vote330 views1 answer
Inline z-index react
Javascript React
2 votes334 views2 answers
React native position absolute center
Javascript React
0 vote341 views1 answer
React-leaflet/core/cjs/pane.js:7%20error15-Jun-2021%2000:45:06%20%20%20%20%20%20const%20pane%20=%20props.pane%20??%20context.pane;
Javascript React