我是 React 的新手,我正在尋找任何方法(最好的正確方法)如何打開新頁面。我 html 就像<a href="/about"></a>,但我讀了文章,說不要使用它。當我嘗試Link從 React 中使用時,我遇到了更多錯誤。謝謝

uj5u.com熱心網友回復:
歡迎來到 React 領域 :) 。如果您使用“a”標簽,這將使頁面重繪 ,這違反了 SPA 的概念。因此,您需要使用路由庫才能在頁面之間導航。Link 是 React-Routing 庫中的一個組件,因此您需要先安裝它。在這里您可以了解更多資訊: https ://reactrouter.com/en/main/start/tutorial
uj5u.com熱心網友回復:
我們必須首先研究錨標簽和鏈接標簽之間的區別
錨標記
- 默認 HTML 標記
- 重繪 頁面
- 重置 useStates
鏈接標簽
- 添加了包
- 不觸發頁面重繪
- 不重置 useStates
由此我們得出結論,鏈接標簽比錨標簽更可取,因此您應該使用鏈接標簽而不是錨標簽。為了添加這樣的東西,你需要安裝一個像 react-router 這樣的包并設定路由。
檢查這兩個頁面,它們包含有關如何進行路由的非常詳細的教程:
- 反應路由器檔案
- Geeks for Geeks 關于如何實作路由的教程
uj5u.com熱心網友回復:
在我的 react 專案中,我通常使用 react-router-dom 等庫。https://www.npmjs.com/package/react-router-dom。更重要的是,如果您想提高您的 React 技能,學習一些路由庫對您非常有用。
uj5u.com熱心網友回復:
正如另一個答案所述,您將需要一個路由器,因為在 React 中,所有內容都存在于 中index.html,因此我們需要在不離開頁面的情況下進行導航。react-router是一個不錯的選擇,React Location也是一個不錯的選擇,但react-router如果你剛剛開始,我會堅持。另一種選擇是使用Next.js。它有一個內置的基于檔案的路由解決方案,所以它應該更像是撰寫傳統的 html 網站,其中 pages 目錄中的每個檔案都是一個單獨的頁面。(確實這就是幕后發生的事情。)同樣,這有點高級,可能超出了問題的范圍,但絕對值得一試。
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/514814.html
下一篇:錯誤訊息中的“ReactHookuseEffect內部的componentMounted變數將在每次渲染后丟失”是什么意思?
