Ka një problem me ridrejtimet në Netlify React. Kur krijoni një ridrejtim, Netlify përpiqet të përditësojë automatikisht komponentët href dhe shtegun e dokumentit HTML. Megjithatë, ky proces ndonjëherë mund të rezultojë në lidhje të pasakta ose të prishura.
Nëse jeni duke përjetuar probleme me ridrejtimet në projektet tuaja Netlify React, ju rekomandojmë të çaktivizoni përditësimet automatike për komponentët e href dhe të rrugës. Ju mund ta bëni këtë duke vendosur vetinë e mëposhtme në konfigurimin e projektit tuaj:
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> ); } }
Çfarë është netlify
Netlify është një platformë si shërbim (PaaS) që ndihmon zhvilluesit të ndërtojnë dhe vendosin aplikacione në internet. Ai ofron një platformë për zhvilluesit që të krijojnë, menaxhojnë dhe vendosin aplikacione në internet me një komandë të vetme. Netlify gjithashtu ofron mjete për monitorimin dhe menaxhimin e aplikacioneve.
Ridrejtimet në React
Router
Kur krijoni një rrugë në React Router, mund të specifikoni një ridrejtim për t'u ndjekur. Ky ridrejtim do të ndodhë automatikisht kur përdoruesi të vizitojë itinerarin.
Për të krijuar një ridrejtim në React Router, përdorni funksionin e ridrejtimit. Ky funksion merr dy argumente: shtegun që duhet ndjekur dhe një funksion mbajtës që do të thirret kur përdoruesi të arrijë në destinacionin e ridrejtimit. Funksioni mbajtës duhet të kthejë një objekt me dy veti: status dhe url. Vetia e statusit duhet të përmbajë kodin e statusit HTTP të ridrejtimit dhe vetia url duhet të përmbajë URL-në e re që do t'i shfaqet përdoruesit.
Këtu është një shembull i një rruge të thjeshtë që përdor një ridrejtim:
import React nga 'reagoj' ; importoni { Route } nga 'react-router'; importoni { Redirect } nga 'react-router-dom'; const routes = [ { path : '/users/:id' , komponent : User List , fëmijë : [ { path : '/add' , component : AddUser }, { path : '/delete/:id' , komponent : DeleteUser } ] }, { rruga : '/users/:id/edit' , komponenti : EditUserList } ]; eksportoni Rrugën e paracaktuar. krijoj (rrugë);
