/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 vote231 views1 answer
What was the reaction of others bostonh tea party
Javascript React
0 vote257 views1 answer
How to get parent's ref react
Javascript React
0 vote219 views1 answer
React component will mount new method
Javascript React
1 vote188 views1 answer
Hide column in antd table using js / react with conditional rendering
Javascript React
0 vote225 views1 answer
Deploy react to azure : web.config
Javascript React
3 votes224 views2 answers
Whatare portals in react
Javascript React
26 votes258 views6 answers
React js
Javascript React
0 vote246 views1 answer
Custom hook for unique items in react
Javascript React
0 vote207 views2 answers
Selected css based on route react
Javascript React
0 vote240 views1 answer
Did you mean "@babel/transform-react-jsx-source"
Javascript React