V Netlify React je problém s přesměrováním. Když vytvoříte přesměrování, Netlify se pokusí automaticky aktualizovat komponenty href a path HTML dokumentu. Tento proces však může někdy vést k nesprávným nebo nefunkčním odkazům.
Pokud máte problémy s přesměrováním ve svých projektech Netlify React, doporučujeme zakázat automatické aktualizace komponent href a path. Můžete to provést nastavením následující vlastnosti v konfiguraci 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 je netlify
Netlify je platforma jako služba (PaaS), která pomáhá vývojářům vytvářet a nasazovat webové aplikace. Poskytuje platformu pro vývojáře k vytváření, správě a nasazování webových aplikací pomocí jediného příkazu. Netlify také poskytuje nástroje pro monitorování a správu aplikací.
Přesměrování v Reactu
router
Když vytvoříte trasu v React Router, můžete určit přesměrování, které chcete sledovat. Toto přesměrování proběhne automaticky, když uživatel navštíví trasu.
Chcete-li vytvořit přesměrování v React Router, použijte funkci přesměrování. Tato funkce má dva argumenty: cestu k následování a funkci handleru, která bude volána, když uživatel dorazí do cíle přesměrování. Funkce handleru by měla vrátit objekt se dvěma vlastnostmi: status a url . Vlastnost status by měla obsahovat stavový kód HTTP přesměrování a vlastnost url by měla obsahovat novou adresu URL, která se zobrazí uživateli.
Zde je příklad jednoduché trasy, která používá přesměrování:
import Reagovat z 'reagovat' ; import { Route } z 'react-router' ; import { Přesměrování } z 'react-router-dom' ; const routes = [ { cesta : '/users/:id' , komponenta : UserList , děti : [ { cesta : '/add' , komponenta : AddUser }, { cesta : '/delete/:id' , komponenta: DeleteUser } ] }, { cesta : '/users/:id/edit' , komponenta: EditUserList } ]; exportovat výchozí trasu. vytvořit ( trasy );
