React.js - 如何導航到其他域？

我正在編輯器中的用戶可以設置鏈接到另一個網站，例如stackoverflow.com。如果用戶將此網址設置爲<a>元素，然後點擊此鏈接，他將導航到http://myapp.com/stackoverflow.com，但不會導航到http://stackoverflow.com。我認爲這是由元素的默認行爲改變引起的。我如何使這個鏈接外部？如果用戶將從瀏覽器複製網址並粘貼，他會粘貼http://stackoverflow.com，因此一切都會正常工作。但如果他手動輸入stackoverflow.com什麼都不會工作正常。 P.s.我也想使每個元素都具有屬性target="_blank"所以，我假設我無法編程導航任何想法？React.js - 如何導航到其他域？

來源

2017-02-19 Pavel Poberezhnyi

嘗試<a>的href屬性設置爲完整的URL，而不僅僅是stackoverflow.com：

<a href="http://stackoverflow.com" />

否則就會被視爲相對URL。

添加檢查以查看您的用戶是否輸入url作爲stackoverflow.com，如果他們這樣做，請在設置href屬性之前將其更改爲http://stackoverflow.com。

您沒有收到有關程序導航等問題，但如果你想有一個鏈接，在新窗口/選項卡中打開，使用

<a href="http://stackoverflow.com" target="_blank" />

來源

2017-02-19 23:44:05 m1kael

感謝ü烏拉圭回合的答案。我會盡力實施你的建議。但是那些網站使用https：//而不是http：//的情況呢？有關係嗎？關於其他問題：我的意思是如何編程式打開新標籤\窗口與目標網址 –

做（與「https」）也應該工作。嘗試一下。要以編程方式導航到網址，可以使用window.open（「h t t p s：//stackoverflow.com」，「_blank」）;或者只是window.open（「h t t p：//stackoverflow.com」）; - 兩者都會在新的瀏覽器窗口/選項卡中打開url（必須在「https」中添加空格以防止URL在註釋中轉換爲標記，在代碼中將其刪除，只需使用「https」即可空格） – m1kael

謝謝你。寶貴的答案 –

React.js - 如何導航到其他域？

回答

相關問題