我正在使用从react-router-dom
包链接来使我的semantic-ui-react
<Dropdown.Item>
组件在新选项卡中打开一些url。首先,我的问题是,当我点击这个组件时,在新标签中,我想要转到的url被附加到我的本地主机路由上,我在SO:https://stackoverflow.com/a/47447458/5833816上找到了解决方案。它说我应该在我的网址前加上//,所以不是'https://someurl.com‘而是'//https://someurl.com’
但是应用这个解决方案并没有完全起到作用。现在,在新的选项卡中,url没有附加到已经存在的本地主机url上,而不是用'https://someurl.com‘打开,而是打开了’http//omeurl.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//omeurl.com,没有:
语义-ui-react版本: 0.81.1,react: 16.4.1,react-router-dom: 4.3.1
发布于 2018-10-01 21:46:14
React-router不支持外部链接。有关如何解决此问题的一些想法,请查看React-Router External link,但我倾向于使用标准<a href='...'>
。
https://stackoverflow.com/questions/52474936
复制相似问题