Има проблем с пренасочванията в Netlify React. Когато създавате пренасочване, Netlify се опитва автоматично да актуализира компонентите href и път на HTML документа. Този процес обаче понякога може да доведе до неправилни или повредени връзки.
Ако изпитвате проблеми с пренасочвания във вашите Netlify React проекти, препоръчваме да деактивирате автоматичните актуализации за href и компонентите на пътя. Можете да направите това, като зададете следното свойство в конфигурацията на вашия проект:
netlify-react-redirect-auto-update: невярно
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> ); } }
Какво е netlify
Netlify е платформа като услуга (PaaS), която помага на разработчиците да изграждат и внедряват уеб приложения. Той предоставя платформа за разработчиците да създават, управляват и внедряват уеб приложения с една команда. Netlify също предоставя инструменти за наблюдение и управление на приложения.
Пренасочвания в React
рутер
Когато създавате маршрут в React Router, можете да посочите пренасочване, което да следвате. Това пренасочване ще се случи автоматично, когато потребителят посети маршрута.
За да създадете пренасочване в React Router, използвайте функцията за пренасочване. Тази функция приема два аргумента: пътят, който да следва, и манипулираща функция, която ще бъде извикана, когато потребителят пристигне в дестинацията за пренасочване. Функцията манипулатор трябва да върне обект с две свойства: status и url. Свойството status трябва да съдържа HTTP кода на състоянието на пренасочването, а свойството url трябва да съдържа новия URL адрес, който ще се показва на потребителя.
Ето пример за прост маршрут, който използва пренасочване:
импортиране на React от 'react'; импортиране на {Route} от 'react-router'; import { Redirect } from 'react-router-dom' ; const routes = [ { път : '/users/:id' , компонент : UserList , деца : [ { път : '/add' , компонент : AddUser }, { път : '/delete/:id' , компонент : DeleteUser } ] }, {път: '/users/:id/edit', компонент: EditUserList}]; експортиране на маршрут по подразбиране. създаване ( маршрути );
