/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

9 votes330 views6 answers
How to check react version
Javascript React
0 vote302 views1 answer
How to define cardTitle background image in mdl in reactjs
Javascript React
-1 vote349 views2 answers
React map example leaflets
Javascript React
0 vote358 views1 answer
React google map doesn't update marker
Javascript React
0 vote322 views1 answer
Showing a custom toast function for react-toastify - Toast show
Javascript React
0 vote342 views1 answer
Redirect to another path react
Javascript React
1 vote327 views1 answer
React center a text
Javascript React
1 vote327 views1 answer
Failed to transform react-native-reanimated-65.aar
Javascript React
0 vote323 views2 answers
React native how to delete android build
Javascript React
0 vote505 views1 answer
React version on CMD
Javascript React