/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 vote269 views2 answers
Background transparent react native
Javascript React
0 vote272 views2 answers
Can i pass data with usenavigate react router
Javascript React
0 vote272 views1 answer
React-select-search useSelect hook
Javascript React
2 votes318 views2 answers
Set delay react native
Javascript React
0 vote245 views2 answers
React firebase hooks
Javascript React
0 vote256 views1 answer
React native carriage return
Javascript React
2 votes249 views1 answer
React native image source local file
Javascript React
29 votes252 views6 answers
React background image
Javascript React
1 vote264 views1 answer
React redux actions must be plain objects
Javascript React
0 vote242 views1 answer
Floating button react
Javascript React