/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

16 votes307 views2 answers
Where to put background images in react app
Javascript React
1 vote270 views1 answer
React native onpress show component
Javascript React
0 vote315 views1 answer
Provider not found react
Javascript React
1 vote333 views3 answers
Form action using react
Javascript React
0 vote300 views1 answer
How to style navigation drawer react navigation v5
Javascript React
0 vote283 views1 answer
React setstate concat string
Javascript React
23 votes315 views6 answers
React native shadow
Javascript React
2 votes323 views2 answers
Create stack navigator has been moved to react-navigation-stack
Javascript React
3 votes322 views3 answers
Adding donet chart text center in react
Javascript React
0 vote306 views1 answer
Open screen pdf on google drive react native expo
Javascript React