Wystąpił problem z przekierowaniami w Netlify React. Kiedy tworzysz przekierowanie, Netlify próbuje automatycznie zaktualizować komponenty href i path dokumentu HTML. Jednak ten proces może czasami skutkować nieprawidłowymi lub uszkodzonymi linkami.
Jeśli masz problemy z przekierowaniami w swoich projektach Netlify React, zalecamy wyłączenie automatycznych aktualizacji komponentów href i path. Możesz to zrobić, ustawiając następującą właściwość w konfiguracji swojego projektu:
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> ); } }
Co to jest netlify
Netlify to platforma jako usługa (PaaS), która pomaga programistom tworzyć i wdrażać aplikacje internetowe. Zapewnia platformę dla programistów do tworzenia, zarządzania i wdrażania aplikacji internetowych za pomocą jednego polecenia. Netlify udostępnia również narzędzia do monitorowania i zarządzania aplikacjami.
Przekierowania w React
Router
Kiedy tworzysz trasę w React Router, możesz określić przekierowanie do naśladowania. To przekierowanie nastąpi automatycznie, gdy użytkownik odwiedzi trasę.
Aby utworzyć przekierowanie w React Router, użyj funkcji przekierowania. Ta funkcja przyjmuje dwa argumenty: ścieżkę, którą należy podążać, oraz funkcję obsługi, która zostanie wywołana, gdy użytkownik dotrze do miejsca docelowego przekierowania. Funkcja obsługi powinna zwrócić obiekt z dwiema właściwościami: status i url . Właściwość status powinna zawierać kod stanu HTTP przekierowania, a właściwość url powinna zawierać nowy adres URL, który zostanie wyświetlony użytkownikowi.
Oto przykład prostej trasy wykorzystującej przekierowanie:
import Reaguj z „reaguj” ; importuj {Trasa} z 'reaguj-router'; import { przekierowanie } z 'react-router-dom'; const tras = [ {ścieżka: '/users/:id', komponent: UserList, dzieci: [{ścieżka: '/add', komponent: AddUser}, {ścieżka: '/delete/:id', komponent: DeleteUser} ] }, {ścieżka: '/users/:id/edit' , komponent: EditUserList } ]; wyeksportuj trasę domyślną . tworzyć (trasy);
