/Javascript/React/Open in a new tab react

Open in a new tab 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 vote244 views2 answers
Counter with react hooks
Javascript React
0 vote239 views3 answers
React date format
Javascript React
2 votes238 views1 answer
How to align text inside react component
Javascript React
23 votes245 views2 answers
Reactjs app change port
Javascript React
0 vote243 views1 answer
Preview image before upload reactjs
Javascript React
1 vote256 views4 answers
React router go rprevious page
Javascript React
0 vote234 views1 answer
React notification
Javascript React
68 votes267 views4 answers
Inline styling react
Javascript React
2 votes210 views3 answers
There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally.
Javascript React
0 vote246 views1 answer
How to add icon in react js
Javascript React