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

react open in new tab

Add Answer

YOU.com answered on February 22, 2021 Popularity 9/10 Helpfulness 7/10

answer react open in new tab

related link react router open in new tab

related how to open a new tab in react

related open in a new tab react

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 9/10 Helpfulness 7/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

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

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 j

Link to this answer
Share Copy Link

Contributed on Feb 25 2021

Shy Sable

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

react open in new tab

Contents

More Related Answers

react open in new tab

Closely Related Answers

link react router open in new tab

how to open a new tab in react

open in a new tab react

Grepper

Documentation

Social

Legal

Contact

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