Programmā Netlify React ir radusies problēma ar novirzīšanu. Kad veidojat novirzīšanu, Netlify mēģina automātiski atjaunināt HTML dokumenta href un ceļa komponentus. Tomēr šis process dažkārt var izraisīt nepareizas vai bojātas saites.
Ja rodas problēmas ar novirzīšanu savos Netlify React projektos, iesakām atspējot automātiskos atjauninājumus href un ceļu komponentiem. To var izdarīt, sava projekta konfigurācijā iestatot šādu rekvizītu:
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 ir netlify
Netlify ir platforma kā pakalpojums (PaaS), kas palīdz izstrādātājiem izveidot un izvietot tīmekļa lietojumprogrammas. Tas nodrošina platformu izstrādātājiem, lai izveidotu, pārvaldītu un izvietotu tīmekļa lietojumprogrammas ar vienu komandu. Netlify nodrošina arī rīkus lietojumprogrammu uzraudzībai un pārvaldībai.
Pārvirzīšana pakalpojumā React
router
Veidojot maršrutu React Router, varat norādīt novirzīšanu, kam sekot. Šī novirzīšana notiks automātiski, kad lietotājs apmeklēs maršrutu.
Lai programmā React Router izveidotu novirzīšanu, izmantojiet novirzīšanas funkciju. Šai funkcijai ir divi argumenti: ceļš, kas jāievēro, un apdarinātāja funkcija, kas tiks izsaukta, kad lietotājs ieradīsies novirzīšanas galamērķī. Apdarinātāja funkcijai ir jāatgriež objekts ar diviem rekvizītiem: statuss un url . Statusa rekvizītā ir jāietver novirzīšanas HTTP statusa kods, un url rekvizītā ir jāietver jaunais URL, kas tiks parādīts lietotājam.
Šeit ir vienkārša maršruta piemērs, kurā tiek izmantota novirzīšana:
importēt React no 'react' ; importēt { Route} no 'react-router' ; importēt { Redirect } no 'react-router-dom' ; const routes = [ { ceļš : '/lietotāji/:id' , komponents : lietotāju saraksts , bērni : [ { ceļš : '/pievienot' , komponents : AddUser }, { ceļš : '/delete/:id' , komponents : DeleteUser } ] }, { ceļš : '/lietotāji/:id/rediģēt' , komponents : EditUserList } ]; eksportēt noklusējuma maršrutu. izveidot ( maršrutus );
