Решено: преусмеравање у нетлифи реацт

Постоји проблем са преусмеравањем у Нетлифи Реацт-у. Када креирате преусмеравање, Нетлифи покушава да аутоматски ажурира хреф и путању компоненте ХТМЛ документа. Међутим, овај процес понекад може довести до нетачних или покварених веза.

Ако имате проблема са преусмеравањем у вашим Нетлифи Реацт пројектима, препоручујемо вам да онемогућите аутоматска ажурирања за хреф и компоненте путање. То можете да урадите тако што ћете подесити следеће својство у конфигурацији пројекта:

нетлифи-реацт-редирецт-ауто-упдате: нетачно

 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> ); } }

Шта је нетлифи

Нетлифи је платформа као услуга (ПааС) која помаже програмерима да граде и постављају веб апликације. Он пружа платформу за програмере да креирају, управљају и постављају веб апликације са једном командом. Нетлифи такође пружа алате за праћење и управљање апликацијама.

Преусмеравања у Реацт-у

Рутер

Када креирате руту у Реацт Роутер-у, можете да наведете преусмеравање за праћење. Ово преусмеравање ће се десити аутоматски када корисник посети руту.

Да бисте креирали преусмеравање у Реацт Роутер-у, користите функцију преусмеравања. Ова функција узима два аргумента: путању коју треба пратити и функцију руковања која ће бити позвана када корисник стигне на одредиште за преусмеравање. Функција руковаоца треба да врати објекат са два својства: статус и урл . Својство статуса треба да садржи ХТТП статусни код преусмеравања, а својство урл треба да садржи нови УРЛ који ће бити приказан кориснику.

Ево примера једноставне руте која користи преусмеравање:

импорт Реацт фром 'реацт' ; импорт { Роуте} из 'реацт-роутер'; импорт { Редирецт } фром 'реацт-роутер-дом'; цонст роутес = [ { патх : '/усерс/:ид' , компонента : Листа корисника , деца : [ { путања : '/адд' , компонента : АддУсер }, { путања : '/делете/:ид' , компонента: ДелетеУсер } ] }, { путања: '/усерс/:ид/едит', компонента: ЕдитУсерЛист } ]; извоз подразумеване руте . креирати ( руте );

Релатед постс:

Оставите коментар