Kukho ingxaki malunga nokuqondisa kwakhona kwi-Netlify React. Xa usenza ukuqondisa kwakhona, i-Netlify izama ukuhlaziya ngokuzenzekelayo i- href kunye neendlela zendlela yoxwebhu lwe-HTML. Nangona kunjalo, le nkqubo ngamanye amaxesha inokubangela amakhonkco angalunganga okanye aphukileyo.
Ukuba ufumana iingxaki ngokuphinda ukhombe indlela kwiiprojekthi zakho ze-Netlify React, sicebisa ukuba kucinywe uhlaziyo oluzenzekelayo lwe- href kunye nezinto zendlela. Unokwenza oku ngokuseta le mpahla ilandelayo kuqwalaselo lweprojekthi yakho:
netlify-react-redirect-auto-update: bubuxoki
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> ); } }
Yintoni netify
I-Netlify liqonga njengenkonzo (i-PaaS) enceda abaphuhlisi bakhe kwaye basebenzise usetyenziso lwewebhu. Ibonelela ngeqonga lokuba abaphuhlisi benze, balawule, kwaye basebenzise usetyenziso lwewebhu ngomyalelo omnye. INetlify ikwabonelela ngezixhobo zokubeka iliso kunye nokulawula usetyenziso.
Uhlengahlengiso kwi-React
isixhobo
Xa usenza indlela kwiReact Router, ungacacisa ulwalathiso oza kulandelwa. Oku kukwalathisa kuyakwenzeka ngokuzenzekelayo xa umsebenzisi endwendwela indlela.
Ukwenza ukuqondisa kwakhona kwiReact Router, sebenzisa umsebenzi wokuqondisa kwakhona. Lo msebenzi uthatha iingxoxo ezimbini: indlela emayilandelwe kunye nomsebenzi wesibambi oza kubizwa xa umsebenzisi efika kwindawo eya kuphinda ithunyelwe. Umsebenzi womphathi kufuneka abuyisele into eneempawu ezimbini: ubume kunye neurl . Ubume bepropati kufuneka buqulathe ikhowudi yobume be-HTTP yokwalathisa kwakhona, kunye nepropati ye-url kufuneka iqulathe i-URL entsha eza kuboniswa kumsebenzisi.
Nanku umzekelo wendlela elula esebenzisa ukuqondisa kwakhona:
ngenisa Thatha kwi 'react' ; ngenisa ngaphandle { Indlela } ukusuka 'kwi-react-router' ; ngenisa ngaphandle {Khombisa kwakhona } ukusuka 'kwi-react-router-dom' ; const routes = [ { umendo : '/users/:id' , component : UserList , abantwana : [ { indlela : '/ add' , component : AddUser }, { indlela : '/delete/:id' , component : DeleteUser } ] }, { umendo : '/users/:id/edit' , inxalenye : HlelaUserList }]; thumela ngaphandle Indlela emiselweyo . yenza ( iindlela );
