Хотите одновременно открыть URL на следующей вкладке, а также перейти к маршруту: React + React Router V4 + semantic-ui-реагировать

Question

У меня есть такой сценарий, когда при извлечении определенного URL-адреса из бэкэнда, а затем при нажатии кнопки я должен открыть эту ссылку в новой вкладке, а также загрузить компонент в текущей вкладке с помощью реакции-маршрутизатора * 1001.*

import { Button } from 'semantic-ui-react';
import { Link } from 'react-router-dom';
import * as React from 'react';

this.state={ url: ''} ; // This url I am able to get using fetch

//I get URL from the backend, and then I am trying to set it to href attribute. Routing just works find but link does not get opened in the new tab.

<Link to="/path">
     <a href={this.state.url} target="_blank">
        <Button size="small" fluid >
           Continue
        </Button>
     </a>
</Link>

Answer 1

попробуйте это:

onBtnClick = (e) => {
    window.open(this.state.url, '_blank');
    this.props.history.push('/link/to/route/in/current/tab');
}

...

<Button size="small" fluid onClick={this.onBtnClick}>
    Continue
</Button>