/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 vote148 views2 answers
Which one is better arrow functions or using bind in react?
Javascript React
0 vote192 views1 answer
React hook form reset only one field
Javascript React
97 votes154 views8 answers
Create react app
Javascript React
1 vote142 views1 answer
React native get current time
Javascript React
31 votes139 views1 answer
Npm install react-router-dom --save
Javascript React
5 votes132 views2 answers
Update react version
Javascript React
0 vote148 views1 answer
React native button top right
Javascript React
0 vote156 views1 answer
How to setup icomoon in react js
Javascript React
0 vote143 views1 answer
React Redux reducer combineReducers exemple
Javascript React
4 votes154 views2 answers
React checking matches in state array
Javascript React