Det er et problem med omdirigeringer i Netlify React. Når du oppretter en omdirigering, prøver Netlify automatisk å oppdatere href- og banekomponentene til HTML-dokumentet. Imidlertid kan denne prosessen noen ganger resultere i feil eller ødelagte koblinger.
Hvis du opplever problemer med omdirigeringer i Netlify React-prosjektene dine, anbefaler vi å deaktivere automatiske oppdateringer for href- og banekomponenter. Du kan gjøre dette ved å angi følgende egenskap i prosjektets konfigurasjon:
netlify-react-redirect-auto-update: usant
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> ); } }
Hva er netify
Netlify er en plattform som en tjeneste (PaaS) som hjelper utviklere med å bygge og distribuere nettapplikasjoner. Det gir en plattform for utviklere å lage, administrere og distribuere nettapplikasjoner med en enkelt kommando. Netlify tilbyr også verktøy for overvåking og administrasjon av applikasjoner.
Omdirigeringer i React
router
Når du oppretter en rute i React Router, kan du spesifisere en omdirigering som skal følges. Denne omdirigeringen vil skje automatisk når brukeren besøker ruten.
For å opprette en omdirigering i React Router, bruk omdirigeringsfunksjonen. Denne funksjonen tar to argumenter: banen som skal følges og en behandlerfunksjon som vil bli kalt når brukeren ankommer omdirigeringsdestinasjonen. Behandlerfunksjonen skal returnere et objekt med to egenskaper: status og url . Statusegenskapen skal inneholde HTTP-statuskoden til omdirigeringen, og url-egenskapen skal inneholde den nye URL-en som vil vises til brukeren.
Her er et eksempel på en enkel rute som bruker en omdirigering:
import Reager fra 'reagere' ; importer { Route } fra 'react-router' ; importer { Redirect } fra 'react-router-dom' ; const routes = [ { path : '/users/:id' , component : UserList , children : [ { path : '/add' , component : AddUser }, { path : '/delete/:id' , component : DeleteUser } ] }, { path : '/users/:id/edit' , komponent : EditUserList } ]; eksporter standardrute. opprette (ruter);
