react路由頁面不刷新怎麼辦

react路由頁面不刷新的解決方案：1、在“index.js”文件中查看App組件是否被包裹在“<BrowserRouter></BrowserRouter>”之中；2、在“ 」下的「<Route exact path="" component={}/>」加上「exact」。

本教學操作環境：Windows10系統、react-router v5版、Dell G3電腦。

react路由頁面不刷新怎麼辦?

react-router5 路由跳轉頁面不刷新問題原因

 1. index.js檔案中查看App組件是否被包裹在<BrowserRouter></BrowserRouter>之中。

 2.  下的<Route exact path="" component={}/> 新增exact。

    react-router 的安裝  yarn add react-router-dom

相關拓展：

React Router 是一個基於 React 之上的強大路由庫，它可以讓你在應用程式中快速地新增視圖和資料流，同時保持頁面與URL 間的同步。

目前前端流行的三大框架, 都有自己的路由實作:

• Angular的ngRouter

• React的react-router

• Vue的vue-router

#React Router的版本4開始，路由不再集中在一個套件中進行管理了：

• react-router是router的核心部分程式碼

• react-router-dom是用於瀏覽器的;

• react-router-native是用於原生應用的；

#目前我們使用最新的React Router版本是v5的版本：

實際上v4的版本和v5的版本差異並不大；

安裝react-router：

安裝react-router-dom會自動幫助我們安裝react-router的依賴；

yarn add react-router-dom

推薦學習：《react影片教學》

以上是react路由頁面不刷新怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！