Există o problemă cu redirecționările în Netlify React. Când creați o redirecționare, Netlify încearcă să actualizeze automat componentele href și calea documentului HTML. Cu toate acestea, acest proces poate duce uneori la link-uri incorecte sau rupte.
Dacă întâmpinați probleme cu redirecționările în proiectele dvs. Netlify React, vă recomandăm să dezactivați actualizările automate pentru componentele href și cale. Puteți face acest lucru setând următoarea proprietate în configurația proiectului dvs.:
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> ); } }
Ce este netlify
Netlify este o platformă ca serviciu (PaaS) care ajută dezvoltatorii să construiască și să implementeze aplicații web. Oferă o platformă pentru dezvoltatori pentru a crea, gestiona și implementa aplicații web cu o singură comandă. Netlify oferă, de asemenea, instrumente pentru monitorizarea și gestionarea aplicațiilor.
Redirecționări în React
Router
Când creați o rută în React Router, puteți specifica o redirecționare de urmat. Această redirecționare va avea loc automat atunci când utilizatorul vizitează ruta.
Pentru a crea o redirecționare în React Router, utilizați funcția de redirecționare. Această funcție are două argumente: calea de urmat și o funcție de gestionare care va fi apelată când utilizatorul ajunge la destinația de redirecționare. Funcția de gestionare ar trebui să returneze un obiect cu două proprietăți: status și url . Proprietatea de stare ar trebui să conțină codul de stare HTTP al redirecționării, iar proprietatea URL ar trebui să conțină noua adresă URL care va fi afișată utilizatorului.
Iată un exemplu de rută simplă care utilizează o redirecționare:
import React from 'react' ; import { Route } din 'react-router'; import { Redirect } din 'react-router-dom'; const routes = [ { cale : '/users/:id' , componenta : UserList , copii : [ { cale : '/add' , component : AddUser }, { cale : '/delete/:id' , componenta : DeleteUser } ] }, { cale : '/users/:id/edit' , componenta : EditUserList } ]; export implicit Route . creați ( rute );
