Der er et problem med omdirigeringer i Netlify React. Når du opretter en omdirigering, forsøger Netlify automatisk at opdatere href- og stikomponenterne i HTML-dokumentet. Denne proces kan dog nogle gange resultere i forkerte eller ødelagte links.
Hvis du oplever problemer med omdirigeringer i dine Netlify React-projekter, anbefaler vi at deaktivere automatiske opdateringer for href- og stikomponenter. Du kan gøre dette ved at indstille følgende egenskab i dit projekts konfiguration:
netlify-react-redirect-auto-update: falsk
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> ); } }
Hvad er netify
Netlify er en platform som en tjeneste (PaaS), der hjælper udviklere med at bygge og implementere webapplikationer. Det giver en platform for udviklere til at oprette, administrere og implementere webapplikationer med en enkelt kommando. Netlify leverer også værktøjer til overvågning og administration af applikationer.
Omdirigeringer i React
router
Når du opretter en rute i React Router, kan du angive en omdirigering, der skal følges. Denne omdirigering vil ske automatisk, når brugeren besøger ruten.
For at oprette en omdirigering i React Router skal du bruge omdirigeringsfunktionen. Denne funktion tager to argumenter: stien, der skal følges, og en behandlerfunktion, der kaldes, når brugeren ankommer til omdirigeringsdestinationen. Behandlerfunktionen skal returnere et objekt med to egenskaber: status og url . Statusegenskaben skal indeholde HTTP-statuskoden for omdirigeringen, og url-egenskaben skal indeholde den nye URL, der vil blive vist for brugeren.
Her er et eksempel på en simpel rute, der bruger en omdirigering:
import Reager fra 'reager' ; 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 } ]; eksport standard rute. oprette (ruter);
