/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

4 votes176 views2 answers
HandleClick react
Javascript React
0 vote222 views1 answer
Gradle error react native
Javascript React
0 vote165 views1 answer
React check if mobile or desktop
Javascript React
-2 votes117 views2 answers
React gsap
Javascript React
0 vote174 views1 answer
React router cannot read location of undefined
Javascript React
0 vote177 views1 answer
Floating button react
Javascript React
0 vote185 views1 answer
Settimeout react native focus text input
Javascript React
4 votes163 views2 answers
Import reactdom
Javascript React
0 vote164 views1 answer
React custom hook refetch data
Javascript React
0 vote175 views1 answer
React live chat widget
Javascript React