/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 vote365 views1 answer
React-timeago npm
Javascript React
1 vote353 views2 answers
Await fetch in react
Javascript React
1 vote367 views1 answer
React spread operator
Javascript React
4 votes440 views2 answers
Linking in react native
Javascript React
0 vote384 views1 answer
Bot react message with custom emoji
Javascript React
0 vote376 views1 answer
Image and video lightbox react
Javascript React
-2 votes386 views3 answers
Switch is not exported from 'react-router-dom'
Javascript React
22 votes367 views2 answers
React-bootstrap example
Javascript React
0 vote373 views1 answer
Insert isValidPhoneNumber in react hook form
Javascript React
0 vote412 views2 answers
Jest simulate toggle switch react native
Javascript React