Det finns ett problem med omdirigeringar i Netlify React. När du skapar en omdirigering försöker Netlify automatiskt uppdatera href- och sökvägskomponenterna i HTML-dokumentet. Denna process kan dock ibland resultera i felaktiga eller trasiga länkar.
Om du har problem med omdirigeringar i dina Netlify React-projekt rekommenderar vi att du inaktiverar automatiska uppdateringar för href- och sökvägskomponenter. Du kan göra detta genom att ställa in följande egenskap i ditt projekts konfiguration:
netlify-react-redirect-auto-update: false
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> ); } }
Vad är netify
Netlify är en plattform som en tjänst (PaaS) som hjälper utvecklare att bygga och distribuera webbapplikationer. Det tillhandahåller en plattform för utvecklare att skapa, hantera och distribuera webbapplikationer med ett enda kommando. Netlify tillhandahåller också verktyg för övervakning och hantering av applikationer.
Omdirigeringar i React
router
När du skapar en rutt i React Router kan du ange en omdirigering att följa. Denna omdirigering sker automatiskt när användaren besöker rutten.
För att skapa en omdirigering i React Router, använd omdirigeringsfunktionen. Denna funktion tar två argument: sökvägen att följa och en hanterarfunktion som kommer att anropas när användaren anländer till omdirigeringsdestinationen. Hanterarfunktionen ska returnera ett objekt med två egenskaper: status och url . Statusegenskapen ska innehålla HTTP-statuskoden för omdirigeringen, och URL-egenskapen ska innehålla den nya URL som kommer att visas för användaren.
Här är ett exempel på en enkel rutt som använder en omdirigering:
import Reagera från 'reagera' ; importera { Route } från 'react-router' ; importera { Redirect } från 'react-router-dom' ; const routes = [ { sökväg : '/användare/: id' , komponent : Användarlista , barn : [ { sökväg : '/add' , komponent : AddUser }, { sökväg : '/delete/:id' , komponent : DeleteUser } ] }, { sökväg: '/users/:id/edit' , komponent: EditUserList } ]; export standardrutt. skapa (rutter);
