/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

29 votes354 views2 answers
React or vue
Javascript React
0 vote372 views1 answer
Textinput multiline start from top react native
Javascript React
0 vote379 views1 answer
React input number validation
Javascript React
20 votes377 views6 answers
Useeffect react example
Javascript React
0 vote392 views1 answer
React Native Expo Scrollview Scroll to bottom
Javascript React
0 vote408 views1 answer
React google map doesn't update marker
Javascript React
0 vote424 views1 answer
Put logo in qr code in react js qrcode.react
Javascript React
0 vote386 views1 answer
React event stop propagation
Javascript React
0 vote331 views3 answers
React-hook-form input
Javascript React
2 votes366 views2 answers
Merge two styles react native
Javascript React