Breaking News: Grepper is joining You.com. Read the official announcement!

how to open a new tab in react

Add Answer

Shy Sable answered on August 13, 2020 Popularity 10/10 Helpfulness 9/10

answer how to open a new tab in react

related link react router open in new tab

related open a new tab when clicking on a link react

related react open in new tab

related open in a new tab react

related how i do button when click open a new tab in react

how to open a new tab in react

Comment

//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')}

Popularity 10/10 Helpfulness 9/10 Language javascript

Source: stackoverflow.com

Tags: javascript

Link to this answer
Share Copy Link

Contributed on Feb 25 2021

Shy Sable

0 Answers Avg Quality 2/10

Closely Related Answers

link react router open in new tab

Comment

<Link to={'exemple.com'} rel="noreferrer" target={'_blank'} >

Popularity 10/10 Helpfulness 10/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Mar 26 2023

unel

0 Answers Avg Quality 2/10

open a new tab when clicking on a link react

Comment

<td onClick={()=> window.open("someLink", "_blank")}>text</td>

Popularity 10/10 Helpfulness 9/10 Language javascript

Source: stackoverflow.com

Tags: clicking clickin

Link to this answer
Share Copy Link

Contributed on Aug 13 2020

Concerned Crocodile

0 Answers Avg Quality 2/10

react open in new tab

Comment

import React from 'react';

const App = () => {
  const handleClick = () => {
    window.open('https://example.com', '_blank');
  };

  return (
    <div>
      <button onClick={handleClick}>Open in new tab</button>
    </div>
  );
};

export default App;

Popularity 8/10 Helpfulness 6/10 Language javascript

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

open in a new tab react

Comment

<td onClick={()=> window.open("someLink", "_blank")}>text</td>

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Feb 22 2021

Mystic Dev

0 Answers Avg Quality 2/10

how i do button when click open a new tab in react

Comment

<a  className="btn btn-primary  btn-outline btn-lg"  href="https://google.com/" rel="noopener noreferrer" target="_blank">google</a>

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: button bu

Link to this answer
Share Copy Link

Contributed on Jun 09 2022

Unsightly Unicorn

0 Answers Avg Quality 2/10

how to open a new tab in react

Contents

More Related Answers

how to open a new tab in react

Closely Related Answers

link react router open in new tab

open a new tab when clicking on a link react

react open in new tab

open in a new tab react

how i do button when click open a new tab in react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.