React.js - 如何导航到其他域?

时间:2017-02-19 20:10:43

标签: reactjs navigation

我正在使用编辑器,用户可以在其中设置指向其他网站的链接,例如stackoverflow.com。如果用户将此网址设置为<a>元素,然后点击此链接,他将导航到http://myapp.com/stackoverflow.com但不会导航到http://stackoverflow.com。我认为这是由更改的元素默认行为引起的。 如何将此链接设为外部?如果用户将从浏览器复制网址并粘贴,他将粘贴http://stackoverflow.com,因此一切正常。但如果他手动输入stackoverflow.com,任何事情都无法正常工作。 附:我也想用属性target="_blank"制作每个元素,所以我假设我无法以编程方式导航 有任何想法吗?

1 个答案:

答案 0 :(得分:1)

尝试将<a>的{​​{1}}属性设置为完整网址,而不仅仅是href

stackoverflow.com

否则将其视为相对网址。

添加一项检查,看看您的用户是否输入了<a href="http://stackoverflow.com" /> 的网址,如果是,请在设置stackoverflow.com属性之前将其更改为http://stackoverflow.com

没有得到有关程序化导航的其他问题,但如果您想要在新窗口/标签页中打开链接,请使用

href