Kunenkinga ngokuqondisa kabusha ku-Netlify React. Uma udala ukuqondisa kabusha, i-Netlify izama ukubuyekeza ngokuzenzakalelayo i- href nezici zendlela yedokhumenti ye-HTML. Nokho, le nqubo ngezinye izikhathi ingabangela izixhumanisi ezingalungile noma eziphukile.
Uma uhlangabezana nezinkinga ngokuqondisa kabusha kumaphrojekthi akho e-Netlify React, sincoma ukuthi ukhubaze izibuyekezo ezizenzakalelayo ze- href nezingxenye zendlela. Ungakwenza lokhu ngokusetha isakhiwo esilandelayo ekucushweni kwephrojekthi yakho:
netlify-react-redirect-auto-update: amanga
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> ); } }
Yini i-netify
I-Netlify iyinkundla njengesevisi (i-PaaS) esiza onjiniyela bakhe futhi bakhiphe izinhlelo zokusebenza zewebhu. Ihlinzeka ngenkundla yonjiniyela ukuze bakhe, baphathe, futhi bakhiphe izinhlelo zokusebenza zewebhu ngomyalo owodwa. I-Netlify iphinde inikeze amathuluzi okuqapha nokuphatha izinhlelo zokusebenza.
Ukuqondisa kabusha ku-React
router
Uma udala umzila ku-React Router, ungacacisa ukuqondisa kabusha ozolandelwa. Lokhu kuqondisa kabusha kuzokwenzeka ngokuzenzakalelayo lapho umsebenzisi evakashela umzila.
Ukuze udale ukuqondisa kabusha ku-React Router, sebenzisa umsebenzi wokuqondisa kabusha. Lo msebenzi uthatha izimpikiswano ezimbili: indlela ezolandelwa kanye nomsebenzi wesibambi ozobizwa lapho umsebenzisi efika endaweni yokuqondisa kabusha. Umsebenzi wesibambi kufanele ubuyisele into enezici ezimbili: isimo ne-url . Indawo yesimo kufanele iqukathe ikhodi yesimo ye-HTTP yokuqondisa kabusha, futhi isakhiwo se-url kufanele siqukathe i-URL entsha ezoboniswa kumsebenzisi.
Nasi isibonelo somzila olula osebenzisa ukuqondisa kabusha:
import React from 'react' ; ngenisa {Umzila } usuka 'ku-react-router'; ngenisa okuthi { Qondisa kabusha } kusuka 'ku-react-router-dom' ; const routes = [ {indlela : '/users/:id' , ingxenye : UserList , izingane : [ { path : '/add' , component : AddUser }, { path : '/delete/:id' , ingxenye : DeleteUser } ] }, {indlela :'/users/:id/edit' , ingxenye : HlelaUserList }]; thekelisa Umzila ozenzakalelayo . dala ( imizila );
