Netlify Reactis on ümbersuunamisega probleem. Ümbersuunamise loomisel proovib Netlify automaatselt värskendada HTML-dokumendi href ja tee komponente. Selle protsessi tagajärjeks võib aga mõnikord olla valed või katkised lingid.
Kui teil on Netlify Reacti projektides ümbersuunamisega probleeme, soovitame keelata href ja tee komponentide automaatsed värskendused. Seda saate teha, määrates oma projekti konfiguratsioonis järgmise atribuudi:
netlify-react-redirect-auto-update: vale
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> ); } }
Mis on netlify
Netlify on platvorm teenusena (PaaS), mis aitab arendajatel veebirakendusi luua ja juurutada. See pakub arendajatele platvormi veebirakenduste loomiseks, haldamiseks ja juurutamiseks ühe käsuga. Netlify pakub ka tööriistu rakenduste jälgimiseks ja haldamiseks.
Ümbersuunamised Reactis
ruuter
Kui loote marsruudi React Routeris, saate määrata jälgitava ümbersuunamise. See ümbersuunamine toimub automaatselt, kui kasutaja marsruuti külastab.
React Routeris ümbersuunamise loomiseks kasutage ümbersuunamisfunktsiooni. Sellel funktsioonil on kaks argumenti: jälgitav tee ja käitlejafunktsioon, mis kutsutakse välja, kui kasutaja saabub ümbersuunamise sihtkohta. Käsitleja funktsioon peaks tagastama objekti, millel on kaks atribuuti: olek ja url . Oleku atribuut peaks sisaldama ümbersuunamise HTTP olekukoodi ja URL-i atribuut peaks sisaldama uut URL-i, mida kasutajale kuvatakse.
Siin on näide lihtsast marsruudist, mis kasutab ümbersuunamist:
import React alates 'react' ; import { Route } from 'react-ruuter' ; import { Redirect } 'react-router-dom'ist; const routes = [ { tee : '/kasutajad/:id' , komponent : kasutajaloend , lapsed : [ { tee : '/add' , komponent : AddUser }, { tee : '/delete/:id' , komponent : DeleteUser } ] }, { tee : '/kasutajad/:id/redigeeri' , komponent : EditUserList } ]; ekspordi vaikemarsruut . luua ( marsruudid );
