/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 vote129 views1 answer
React image source showing object module
Javascript React
9 votes134 views1 answer
Create react app in existing folder
Javascript React
4 votes133 views2 answers
How to use react-native-vector-icons
Javascript React
0 vote135 views1 answer
Plotly react
Javascript React
3 votes142 views1 answer
Could not resolve dependency: npm ERR! peer react@"^16.0.0" from [email protected]
Javascript React
1 vote127 views2 answers
How to use gif in react native
Javascript React
0 vote126 views1 answer
React buffer to image
Javascript React
2 votes129 views1 answer
Site cannot be accessed broken link or url that doesn’t exist react netlify
Javascript React
0 vote136 views2 answers
React native how to delete android build
Javascript React
5 votes148 views3 answers
React default proptypes
Javascript React