Hi ha un problema amb les redireccions a Netlify React. Quan creeu una redirecció, Netlify intenta actualitzar automàticament els components href i ruta del document HTML. Tanmateix, aquest procés de vegades pot donar lloc a enllaços incorrectes o trencats.
Si teniu problemes amb les redireccions als vostres projectes Netlify React, us recomanem que desactiveu les actualitzacions automàtiques dels components href i path. Podeu fer-ho establint la propietat següent a la configuració del vostre projecte:
netlify-react-redirect-auto-update: fals
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è és netlify
Netlify és una plataforma com a servei (PaaS) que ajuda els desenvolupadors a crear i desplegar aplicacions web. Proporciona una plataforma perquè els desenvolupadors puguin crear, gestionar i desplegar aplicacions web amb una única comanda. Netlify també ofereix eines per supervisar i gestionar aplicacions.
Redireccions a React
Router
Quan creeu una ruta a React Router, podeu especificar una redirecció a seguir. Aquesta redirecció es produirà automàticament quan l'usuari visiti la ruta.
Per crear una redirecció a React Router, utilitzeu la funció de redirecció. Aquesta funció pren dos arguments: el camí a seguir i una funció de controlador que s'anomenarà quan l'usuari arribi a la destinació de la redirecció. La funció de controlador hauria de retornar un objecte amb dues propietats: status i url . La propietat d'estat ha de contenir el codi d'estat HTTP de la redirecció i la propietat url ha de contenir la nova URL que es mostrarà a l'usuari.
Aquí teniu un exemple d'una ruta senzilla que utilitza una redirecció:
importar Reaccionar des de 'reaccionar'; importar { Route } des de 'react-router'; importar { Redirecció } de 'react-router-dom'; const routes = [ { path : '/users/:id' , component : UserList , fills : [ { path : '/add' , component : AddUser }, { path : '/delete/:id' , component: DeleteUser } ] }, { path: '/users/:id/edit' , component: EditUserList } ]; exporta la ruta predeterminada. crear ( rutes );
