/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 vote218 views1 answer
Unable to resolve "@react-native-community/masked-view" from
Javascript React
-1 vote191 views2 answers
React native Platform
Javascript React
0 vote196 views1 answer
React native updating options with setoptions
Javascript React
0 vote203 views1 answer
2.When will the validation functions be called in the react js
Javascript React
15 votes188 views2 answers
Expo react navigation
Javascript React
0 vote205 views1 answer
React-scripts test single file
Javascript React
1 vote218 views1 answer
Double matrix iteration in react
Javascript React
3 votes196 views2 answers
Link react
Javascript React
5 votes207 views2 answers
Code splitting react
Javascript React
4 votes208 views1 answer
React router history push parameter
Javascript React