Postoji problem sa preusmjeravanjem u Netlify Reactu. Kada kreirate preusmjeravanje, Netlify pokušava automatski ažurirati href i path komponente HTML dokumenta. Međutim, ovaj proces ponekad može dovesti do pogrešnih ili neispravnih veza.
Ako imate problema s preusmjeravanjem u vašim Netlify React projektima, preporučujemo da onemogućite automatska ažuriranja za href i path komponente. To možete učiniti postavljanjem sljedećeg svojstva u konfiguraciji vašeg projekta:
netlify-react-redirect-auto-update: lažno
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> ); } }
Šta je netlify
Netlify je platforma kao usluga (PaaS) koja pomaže programerima da izgrade i implementiraju web aplikacije. Programerima pruža platformu za kreiranje, upravljanje i implementaciju web aplikacija pomoću jedne naredbe. Netlify također pruža alate za praćenje i upravljanje aplikacijama.
Preusmjeravanja u Reactu
router
Kada kreirate rutu u React Routeru, možete odrediti preusmjeravanje za praćenje. Ovo preusmjeravanje će se dogoditi automatski kada korisnik posjeti rutu.
Da biste kreirali preusmjeravanje u React Routeru, koristite funkciju preusmjeravanja. Ova funkcija uzima dva argumenta: putanju koju treba pratiti i funkciju rukovanja koja će biti pozvana kada korisnik stigne na odredište za preusmjeravanje. Funkcija rukovaoca treba da vrati objekat sa dva svojstva: status i url. Svojstvo statusa treba da sadrži HTTP statusni kod preusmjeravanja, a svojstvo url treba sadržavati novi URL koji će biti prikazan korisniku.
Evo primjera jednostavne rute koja koristi preusmjeravanje:
import React from 'react' ; import { Route } iz 'react-router' ; import { Preusmjeravanje } iz 'react-router-dom' ; const routes = [ { path : '/users/:id' , komponenta : UserList , djeca : [ { path : '/add' , komponenta : AddUser }, { path : '/delete/:id' , komponenta: DeleteUser } ] }, { put: '/users/:id/edit', komponenta: EditUserList } ]; izvoz podrazumevane rute . kreirati ( rute );
