Was soll ich tun, wenn die React-Routing-Seite nicht aktualisiert wird?

Lösung dafür, dass die React-Routing-Seite nicht aktualisiert wird: 1. Überprüfen Sie in der Datei „index.js“, ob die App-Komponente in „<BrowserRouter></BrowserRouter>“ eingeschlossen ist. 2. In „ Add „Exact“ unter „

Die Betriebsumgebung dieses Tutorials: Windows 10-System, React-Router V5-Version, Dell G3-Computer.

Was soll ich tun, wenn die React-Routing-Seite nicht aktualisiert wird?

react-router5 Der Grund, warum die Route-Jump-Seite nicht aktualisiert wird

1. Überprüfen Sie in der Datei index.js, ob die App-Komponente verpackt ist in <BrowserRouter>< /BrowserRouter>. <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

2. Fügen Sie unter <Route Exact Path="" Component={}/> unter genau hinzu.

+ Installation von React-Router Yarn Add React-Router-Dom

Verwandte Erweiterungen: 🎜🎜React Router ist eine leistungsstarke Routing-Bibliothek basierend auf React, mit der Sie Ihrer Anwendung schnell hinzufügen können Ansichten und Daten fließen frei, während die Synchronisierung zwischen Seiten und URLs gewahrt bleibt. 🎜🎜Die drei wichtigsten Frameworks, die derzeit im Frontend beliebt sind, verfügen alle über eigene Routing-Implementierungen:🎜

• 🎜Angulars ​​ngRouter🎜
• 🎜React React-Router🎜
• 🎜Vues Vue-Router🎜

🎜Ab Version 4 von React Router werden Routen nicht mehr in einem Paket verwaltet:🎜

🎜react-router ist der Kerncode des Routers🎜

🎜react-router-dom wird für Browser verwendet;🎜

li >

🎜react-router-native ist für native Anwendungen; 🎜

🎜Derzeit verwenden wir die neueste React Router-Version, die Version v5: 🎜🎜Tatsächlich die Version v4 und v5 Der Versionsunterschied ist nicht groß. 🎜🎜React-Router installieren: 🎜🎜Die Installation von React-Router-Dom hilft uns automatisch bei der Installation von React-Router-Abhängigkeiten Lernen: „🎜Video-Tutorial reagieren🎜“🎜

Das obige ist der detaillierte Inhalt vonWas soll ich tun, wenn die React-Routing-Seite nicht aktualisiert wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!