1
votes

Ouvrir la page dans une nouvelle fenêtre en cliquant sur un lien dans ReactJS

Dans mon application React, j'ai besoin d'ouvrir une page dans une nouvelle fenêtre en cliquant sur un lien dans le tableau Bootstrap. Veuillez m'aider avec l'exemple.

Auparavant, j'ai défini la cellule du tableau dans une variable et je l'ai affectée à dataformat dans l'en-tête du tableau. Comment puis-je modifier ce code pour ouvrir dans une nouvelle fenêtre?

Mise à jour: après avoir effectué les modifications de code comme suggéré ci-dessous, la page s'ouvre dans un nouvel onglet mais le testid ne passe pas à l'autre page (qui est récupérée à l'aide de this.props.testid).

column1 = (cell, row) => {
  let link = `${cell}`
  return (
    <Link to={{                
      pathname: '/test',
      state: {
        testId: row.testid
      }
    }} target="_blank" rel='noopener noreferrer'>
      {cell}
    </Link>
}


2 commentaires

Pourriez-vous partager votre exemple essayé? ou où êtes-vous coincé?


Ajout de l'exemple de code.


3 Réponses :


1
votes

Essayez peut-être ceci:

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


0 commentaires

1
votes

Vous pouvez définir un ancrage comme celui-ci dans react pour ouvrir dans une nouvelle fenêtre

Définir rel = "noopener noreferrer" pour éviter un avertissement dans react.

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


0 commentaires

1
votes

Utilisez un lien régulier mais définissez-le comme une cellule de tableau:

<a style={{display: "table-cell"}} href="someLink" target="_blank">text</a>


0 commentaires