Réagir-Routeur ouvrir le Lien dans un nouvel onglet

Est-il un moyen d'obtenir Réagir Routeur pour ouvrir un lien dans un nouvel onglet? J'ai essayé et ça ne fonctionne pas.

<Link to="chart" target="_blank" query={{test: this.props.test}} >Test</Link>

Il est possible de peluches en ajoutant quelque chose comme onClick="foo" pour le Lien comme ce que j'ai ci-dessus, mais il serait une erreur de la console.

Grâce.

InformationsquelleAutor mcd | 2015-05-12
  1. 17

    Je pense que le Lien composant n'a pas les accessoires pour elle.

    Vous pouvez avoir d'autre moyen pour créer une étiquette et utiliser le makeHref méthode de Navigation mixin pour créer votre url

    <a target='_blank' href={this.makeHref(routeConsts.CHECK_DOMAIN, {},
   { realm: userStore.getState().realms[0].name })}>
        Share this link to your webmaster
</a>
    InformationsquelleAutor user1369825
  2. 34

    Dans la version actuelle de Réagir Routeur, vous pouvez utiliser:

    <Link to="route" target="_blank" onClick={(event) => {event.preventDefault(); window.open(this.makeHref("route"));}} />
    • quelle est la version actuelle de Réagir Routeur 😉
    • Comment obtenir ce.makeHref et envoyer paramètre à côté de ce qu'.makeHref
    • Dans réagissent-routeur 5.0.1, il semble que l'ajout de target="_blank" est assez pour faire le tour.
    InformationsquelleAutor hydRAnger
  3. 19

    Nous pouvons utiliser les options suivantes:-

     //first option is:-
    <Link to="myRoute" params={myParams} target="_blank">

 //second option is:-
    var href = this.props.history.createHref('myRoute', myParams);
    <a href={href} target="_blank">

 //third option is:-
    var href = '/myRoute/' + myParams.foo + '/' + myParams.bar;
    <a href={href} target="_blank">

    Nous pouvons utiliser une des trois option pour ouvrir dans un nouvel onglet par réagir de routage.

    • certains iPhones ignorer "target='_blank'". Il semble que ce serait encore échouer pour ces téléphones.
    • Remarque à propos de target='_blank': recommander l'ajout de rel='noopener noreferrer' pour votre <a> tag
    InformationsquelleAutor jack
  4. 10

    De départ avec react_router 1.0, les accessoires seront passés à la balise d'ancrage. Vous pouvez utiliser directement target="_blank". Discuté ici: https://github.com/ReactTraining/react-router/issues/2188

    InformationsquelleAutor dexter
  5. 2

    Les simples façon est d'utiliser " à " la propriété:

    <Link to="chart" target="_blank" to="http://link2external.page.com" >Test</Link>
    InformationsquelleAutor Bob Slave
  6. 1

    Pour lien externe utilisez simplement un acor en place de Lien: 

    <a rel="noopener noreferrer" href="http://url.com" target="_blank">Link Here</a>
    InformationsquelleAutor Anthony Agbator