/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

5 votes121 views1 answer
Import react dom
Javascript React
0 vote129 views1 answer
Reactjs ES6 class event listeners in jsx
Javascript React
0 vote118 views1 answer
React router dom return undefined
Javascript React
4 votes159 views1 answer
Full width of image and maintain aspect ratio react native
Javascript React
0 vote130 views2 answers
Run build version react
Javascript React
0 vote126 views1 answer
Table like another component in react native
Javascript React
7 votes127 views4 answers
React history push search params
Javascript React
0 vote115 views1 answer
To do list app react code
Javascript React
0 vote164 views1 answer
Create react expo
Javascript React
1 vote138 views1 answer
Android resource linking failed react native image crop picker
Javascript React