Il y a un problème avec les redirections dans Netlify React. Lorsque vous créez une redirection, Netlify essaie de mettre à jour automatiquement les composants href et path du document HTML. Cependant, ce processus peut parfois entraîner des liens incorrects ou rompus.
Si vous rencontrez des problèmes avec les redirections dans vos projets Netlify React, nous vous recommandons de désactiver les mises à jour automatiques pour les composants href et path. Pour ce faire, définissez la propriété suivante dans la configuration de votre projet :
netlify-react-redirect-mise à jour automatique : faux
app
In your React app, you can redirect to a different page using the Redirect component from React Router.
import { Redirect } from 'react-router-dom'; class App extends React.Component { render() { return ( <div> <Redirect to="/new-page" /> </div> ); } }
Qu'est-ce que netlify
Netlify est une plate-forme en tant que service (PaaS) qui aide les développeurs à créer et à déployer des applications Web. Il fournit une plate-forme aux développeurs pour créer, gérer et déployer des applications Web avec une seule commande. Netlify fournit également des outils de surveillance et de gestion des applications.
Redirections dans React
Toupie
Lorsque vous créez une route dans React Router, vous pouvez spécifier une redirection à suivre. Cette redirection se produira automatiquement lorsque l'utilisateur visitera l'itinéraire.
Pour créer une redirection dans React Router, utilisez la fonction de redirection. Cette fonction prend deux arguments : le chemin à suivre et une fonction de gestionnaire qui sera appelée lorsque l'utilisateur arrivera à la destination de redirection. La fonction de gestionnaire doit renvoyer un objet avec deux propriétés : status et url . La propriété status doit contenir le code d'état HTTP de la redirection et la propriété url doit contenir la nouvelle URL qui sera affichée à l'utilisateur.
Voici un exemple de route simple qui utilise une redirection :
importer React depuis 'react' ; importez { Route } depuis 'react-router' ; import { Redirect } depuis 'react-router-dom' ; const routes = [ { chemin : '/users/:id' , composant : UserList , enfants : [ { chemin : '/add' , composant : AddUser }, { chemin : '/delete/:id' , composant : DeleteUser } ] }, { chemin : '/users/:id/edit' , composant : EditUserList } ]; exporter l'itinéraire par défaut. créer (routes);
