Es gibt ein Problem mit Weiterleitungen in Netlify React. Wenn Sie eine Weiterleitung erstellen, versucht Netlify, die href- und Pfadkomponenten des HTML-Dokuments automatisch zu aktualisieren. Dieser Prozess kann jedoch manchmal zu falschen oder defekten Links führen.
Wenn Sie Probleme mit Weiterleitungen in Ihren Netlify React-Projekten haben, empfehlen wir, automatische Updates für href- und Pfadkomponenten zu deaktivieren. Sie können dies tun, indem Sie die folgende Eigenschaft in der Konfiguration Ihres Projekts festlegen:
netlify-react-redirect-auto-update: falsch
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> ); } }
Was ist netlify
Netlify ist eine Plattform als Service (PaaS), die Entwicklern hilft, Webanwendungen zu erstellen und bereitzustellen. Es bietet Entwicklern eine Plattform zum Erstellen, Verwalten und Bereitstellen von Webanwendungen mit einem einzigen Befehl. Netlify bietet auch Tools zum Überwachen und Verwalten von Anwendungen.
Umleitungen in React
Router
Wenn Sie eine Route in React Router erstellen, können Sie eine Weiterleitung angeben, der gefolgt werden soll. Diese Weiterleitung erfolgt automatisch, wenn der Benutzer die Route besucht.
Um eine Weiterleitung in React Router zu erstellen, verwenden Sie die Weiterleitungsfunktion. Diese Funktion benötigt zwei Argumente: den zu verfolgenden Pfad und eine Handler-Funktion, die aufgerufen wird, wenn der Benutzer das Umleitungsziel erreicht. Die Handler-Funktion sollte ein Objekt mit zwei Eigenschaften zurückgeben: status und url . Die status-Eigenschaft sollte den HTTP-Statuscode der Weiterleitung enthalten, und die url-Eigenschaft sollte die neue URL enthalten, die dem Benutzer angezeigt wird.
Hier ist ein Beispiel für eine einfache Route, die eine Weiterleitung verwendet:
Reagieren aus 'Reagieren' importieren; importiere {Route} von 'react-router' ; importiere {Umleitung} von 'React-Router-Dom'; const routes = [ { Pfad : '/users/:id' , Komponente : UserList , Kinder : [ { Pfad : '/add' , Komponente : AddUser }, { Pfad : '/delete/:id' , Komponente : DeleteUser } ] }, { Pfad : '/users/:id/edit' , Komponente : EditUserList } ]; Standardroute exportieren. erstellen ( Routen );
