Я использую ссылку из пакета react-router-dom
, чтобы сделать мой компонент semantic-ui-react
<Dropdown.Item>
открытым в новой вкладке по URL.Сначала моя проблема заключалась в том, что когда я нажимал на этот компонент в новой вкладке, URL-адрес, к которому я хотел перейти, был добавлен к моему локальному маршруту, и я нашел решение здесь на SO: https://stackoverflow.com/a/47447458/5833816. Там написано, чтоЯ должен добавить // перед моим URL, поэтому не 'https://someurl.com', а' // https://someurl.com'
Но применение этого решения не помогло полностью.Теперь в новой вкладке URL не добавляется к уже существующему локальному URL, но вместо того, чтобы открываться с помощью https://someurl.com', он открывает http // someurl.com - так что без:
Вот код: Компонент:
<Dropdown.Item
as={Link}
to={url} // url was 'https://someurl.com', now is '//https://someurl.com'
target={newTab ? '_blank' : ''} // newTab's value is true
replace={newTab}
className='contextDropdownItem'
onClick={onClick}
disabled={disabled}
>
Когда я нажимаю на этот элемент выпадающего меню, браузер открывает новую вкладку, но URL-адрес http // someurl.com без:
Версия semantic-ui-реакции:0.81.1, реакция: 16.4.1, реакция-маршрутизатор-дом: 4.3.1