Answers for "react open link in new tab"

57

open link in new tab

<a href="https://www.google.com/" rel="noopener noreferrer" target="_blank">google.com</a>

dont use just target="_blank" without  rel="noopener noreferrer" 
It Makes Your Site Vulnerable to Phishing Attacks
_________________________________________________________________
<a href="#" target="_blank">By this you can open your document in new tab</a>
<a href="#" target="_self"> by this linked document in the same frame as it was clicked (this is default)</a>
<a href="#" target="_parent">by this linked document in the parent frame</a>
<a href="#" target="_top">Opens the linked document in the full body of the window</a>
Posted by: Guest on October-28-2020
4

open a new tab when clicking on a link react

<td onClick={()=> window.open("someLink", "_blank")}>text</td>
Posted by: Guest on August-13-2020
1

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')}
Posted by: Guest on February-25-2021
0

open in a new tab react

<td onClick={()=> window.open("someLink", "_blank")}>text</td>
Posted by: Guest on February-22-2021
0

opening a link in another tab in react

import React from "react";

function App() {
  const handleClick = () => {
    window.open("http://twitter.com/saigowthamr");
  };

  return (
    <div>
      <h2>App</h2>
      <button onClick={handleClick}>Twitter</button>
    </div>
  );
}

export default App;
Posted by: Guest on October-27-2021

Code answers related to "react open link in new tab"

Browse Popular Code Answers by Language