„Netlify React“ yra peradresavimų problema. Kai kuriate peradresavimą, Netlify bando automatiškai atnaujinti HTML dokumento href ir kelio komponentus. Tačiau dėl šio proceso kartais gali atsirasti neteisingų arba neveikiančių nuorodų.
Jei kyla problemų dėl peradresavimų savo Netlify React projektuose, rekomenduojame išjungti automatinius href ir kelio komponentų naujinimus. Tai galite padaryti projekto konfigūracijoje nustatydami šią ypatybę:
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> ); } }
Kas yra netlify
„Netlify“ yra platforma kaip paslauga (PaaS), kuri padeda kūrėjams kurti ir diegti žiniatinklio programas. Ji suteikia kūrėjams platformą kurti, valdyti ir diegti žiniatinklio programas viena komanda. „Netlify“ taip pat teikia programų stebėjimo ir valdymo įrankius.
Peradresavimai „React“.
maršrutizatorius
Kai kuriate maršrutą React Router, galite nurodyti peradresavimą, kurį norite sekti. Šis peradresavimas įvyks automatiškai, kai vartotojas apsilankys maršrute.
Norėdami sukurti peradresavimą React Router, naudokite peradresavimo funkciją. Šiai funkcijai naudojami du argumentai: kelias, kurį reikia sekti, ir tvarkyklės funkcija, kuri bus iškviesta, kai vartotojas atvyks į peradresavimo paskirties vietą. Valdiklio funkcija turėtų grąžinti objektą su dviem ypatybėmis: statusu ir url . Būsenos ypatybėje turi būti peradresavimo HTTP būsenos kodas, o url ypatybėje turi būti naujas URL, kuris bus rodomas vartotojui.
Štai paprasto maršruto, kuriame naudojamas peradresavimas, pavyzdys:
importuoti React iš 'react' ; importuoti { Route } iš 'react-router' ; importuoti { Redirect } iš 'react-router-dom' ; const routes = [ { kelias : '/users/:id' , komponentas : vartotojų sąrašas , vaikai : [ { kelias : '/add' , komponentas : AddUser }, { kelias : '/delete/:id' , komponentas : DeleteUser } ] }, { kelias : '/users/:id/edit' , komponentas : EditUserList } ]; eksportuoti numatytąjį maršrutą. sukurti ( maršrutai );
