Helpex - Trao đổi & giúp đỡ Đăng nhập

React-Router mở Liên kết trong tab mới

Trịnh Hà An
· 22:50 12/05/2015
5 ngày trước

Có cách nào để React Router mở một liên kết trong tab mới không? Tôi đã thử điều này và nó không hoạt động.

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

Có thể đánh lừa nó bằng cách thêm một cái gì đó tương tự onClick="foo"vào Liên kết như những gì tôi có ở trên, nhưng sẽ có một lỗi bảng điều khiển.

Cảm ơn.

107 hữu ích 0 bình luận 162k xem chia sẻ
Huỳnh Khánh Quyên
· 03:16 29/05/2015
03:16:31 29/05/2015

Tôi nghĩ rằng thành phần Liên kết không có đạo cụ cho nó.

Bạn có thể có cách thay thế bằng cách tạo thẻ và sử dụng phương thức makeHref của Mixin điều hướng để tạo url của mình

<a target='_blank' href={this.makeHref(routeConsts.CHECK_DOMAIN, {},
   { realm: userStore.getState().realms[0].name })}>
        Share this link to your webmaster
</a>
42 hữu ích 2 bình luận chia sẻ
Vũ Ngọc Thiện
· 03:44 15/10/2015
03:44:05 15/10/2015

Kể từ phiên bản Bộ định tuyến React 5.0.1, bạn có thể sử dụng:

<Link to="route" target="_blank" rel="noopener noreferrer" />
102 hữu ích 5 bình luận chia sẻ
Vũ Tuyết Hương
· 04:10 11/01/2017
04:10:49 11/01/2017

Chúng tôi có thể sử dụng các tùy chọn sau: -

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

Chúng tôi có thể sử dụng một trong ba tùy chọn để mở trong tab mới bằng cách định tuyến phản ứng.

37 hữu ích 2 bình luận chia sẻ
Trịnh Thiên Ðức
· 04:48 25/09/2019
04:48:46 25/09/2019

Bạn có thể sử dụng "{}" cho mục tiêu, sau đó jsx sẽ không khóc

<Link target={"_blank"} to="your-link">Your Link</Link>
22 hữu ích 0 bình luận chia sẻ
Hoàng Hải San
· 14:26 29/08/2018
14:26:23 29/08/2018

Đối với liên kết bên ngoài, chỉ cần sử dụng một achor thay cho Liên kết:

<a rel="noopener noreferrer" href="http://url.com" target="_blank">Link Here</a>
18 hữu ích 1 bình luận chia sẻ
loading
Không tìm thấy câu trả lời bạn tìm kiếm? Duyệt qua các câu hỏi được gắn thẻ reactjs react-router , hoặc hỏi câu hỏi của bạn.

Có thể bạn quan tâm