Есть проблема с редиректами в Netlify React. Когда вы создаете перенаправление, Netlify пытается автоматически обновить компоненты href и path документа HTML. Однако этот процесс может иногда приводить к некорректным или неработающим ссылкам.
Если у вас возникли проблемы с перенаправлениями в ваших проектах Netlify React, мы рекомендуем отключить автоматические обновления для компонентов href и path. Вы можете сделать это, установив следующее свойство в конфигурации вашего проекта:
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> ); } }
Что такое нетлайф
Netlify — это платформа как услуга (PaaS), которая помогает разработчикам создавать и развертывать веб-приложения. Он предоставляет разработчикам платформу для создания, управления и развертывания веб-приложений с помощью одной команды. Netlify также предоставляет инструменты для мониторинга и управления приложениями.
Перенаправления в React
Маршрутизатор
Когда вы создаете маршрут в React Router, вы можете указать перенаправление для следования. Это перенаправление будет происходить автоматически, когда пользователь посещает маршрут.
Чтобы создать перенаправление в React Router, используйте функцию перенаправления. Эта функция принимает два аргумента: путь следования и функцию-обработчик, которая будет вызываться, когда пользователь прибывает в пункт назначения перенаправления. Функция-обработчик должна возвращать объект с двумя свойствами: статус и url. Свойство status должно содержать код состояния HTTP для перенаправления, а свойство url должно содержать новый URL-адрес, который будет отображаться пользователю.
Вот пример простого маршрута, использующего перенаправление:
импортировать React из «реагировать»; импортировать {Route} из 'React-router'; импортировать {Redirect} из 'react-router-dom'; const route = [{путь: '/users/:id', компонент: UserList, Children: [{путь: '/add', компонент: AddUser}, {путь: '/delete/:id', компонент: DeleteUser} ] }, {путь: '/users/:id/edit', компонент: EditUserList} ]; экспорт маршрута по умолчанию. создать (маршруты);
