Que dois-je faire si la page de routage de réaction ne s'actualise pas ?

Solution pour la page de routage de réaction qui ne s'actualise pas : 1. Vérifiez dans le fichier "index.js" si le composant App est enveloppé dans "<BrowserRouter></BrowserRouter>" 2. Dans " Ajouter "exact" sous "<Route exact path="" composant={}/>".

L'environnement d'exploitation de ce tutoriel : système Windows 10, version React-Router v5, ordinateur Dell G3.

Que dois-je faire si la page de routage de réaction ne s'actualise pas ?

react-router5 La raison pour laquelle la page de saut d'itinéraire ne s'actualise pas

1. Vérifiez dans le fichier index.js si le composant App est enveloppé dans <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. Ajoutez exact sous <Route exact path="" composant={}/> sous .

+ Installation de réagir-router yarn add réagir-router-dom

Extensions associées: 🎜🎜React Router est une puissante bibliothèque de routage basée sur React, qui vous permet d'ajouter rapidement à votre application Ajouter les vues et les données circulent librement tout en maintenant la synchronisation entre les pages et les URL. 🎜🎜Les trois principaux frameworks actuellement populaires sur le front-end ont tous leurs propres implémentations de routage :🎜

• 🎜ngRouter d'Angular🎜
• 🎜React React-Router🎜
• 🎜Vue-Router de Vue🎜

🎜À partir de la version 4 de React Router, les routes ne sont plus gérées dans un seul package :🎜

• 🎜react-router est le code principal du routeur🎜
• 🎜react-router-dom est utilisé pour les navigateurs ;🎜
li >
• 🎜react-router-native est destiné aux applications natives ; 🎜

🎜Actuellement, nous utilisons la dernière version de React Router qui est la version v5 : 🎜🎜En fait, la version v4 et la v5. la différence de version n'est pas grande ; 🎜🎜Installez React-Router : 🎜🎜L'installation de React-Router-dom nous aidera automatiquement à installer les dépendances de React-Router 🎜🎜yarn add réagis-router-dom🎜 🎜Recommandé ; apprentissage : "🎜tutoriel vidéo React🎜"🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!