/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 vote307 views1 answer
Webpack react proxy not working
Javascript React
0 vote310 views1 answer
React '$' is not define
Javascript React
4 votes307 views3 answers
Visual studio code create react component shortcut
Javascript React
21 votes280 views6 answers
React native apk build
Javascript React
0 vote288 views1 answer
Render(<App />); const linkElement = screen.getByText(/learn react/i); expect(linkElement).toBeInTheDocument();
Javascript React
9 votes311 views6 answers
How to check react version
Javascript React
0 vote335 views1 answer
React function called last state
Javascript React
1 vote309 views1 answer
How to test useEffect in react testing library
Javascript React
0 vote310 views1 answer
Returned data has p tags react
Javascript React
1 vote308 views1 answer
React spread operator
Javascript React