Otwarty router React Link w nowej zakładce

Question

Czy istnieje sposób, aby uzyskać React Router, aby otworzyć łącze w nowej karcie? Próbowałem tego i to nie działało.

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

Jest możliwe, aby puch dodając coś podobnego onClick="foo" do łącza jak co mam powyżej, ale nie byłoby to błąd konsoli.

Dzięki.

Answer 1

Myślę, że komponent Link nie ma rekwizytów do niego.

Można mieć alternatywną drogę przez utworzyć tag i zastosować metodę makeHref wstawek nawigacji, aby stworzyć swój adres

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

Answer 2

w aktualnej wersji React Router, można użyć:

<Link to="route" target="_blank" onClick={(event) => {event.preventDefault(); window.open(this.makeHref("route"));}} /> 

Answer 3

sposób simples jest użycie „do” własności:

<Link to="chart" target="_blank" to="http://link2external.page.com" >Test</Link> 

Answer 4

Wychodząc z react_router 1,0, rekwizyty będą przekazywane do znacznika zakotwiczenia. Możesz bezpośrednio użyć target="_blank". Omówione tutaj: https://github.com/ReactTraining/react-router/issues/2188

Answer 5

Możemy użyć następujących opcji: -

// 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"> 

Możemy użyć jednej z trzech opcji, aby otworzyć w nowej karcie przez reagują routingu.