Hay un problema con las redirecciones en Netlify React. Cuando crea una redirección, Netlify intenta actualizar automáticamente los componentes href y path del documento HTML. Sin embargo, este proceso a veces puede resultar en enlaces incorrectos o rotos.
Si tiene problemas con los redireccionamientos en sus proyectos de Netlify React, le recomendamos que deshabilite las actualizaciones automáticas para los componentes href y path. Puede hacer esto configurando la siguiente propiedad en la configuración de su proyecto:
netlify-react-redirect-auto-actualización: falso
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> ); } }
que es netlify
Netlify es una plataforma como servicio (PaaS) que ayuda a los desarrolladores a crear e implementar aplicaciones web. Proporciona una plataforma para que los desarrolladores creen, administren e implementen aplicaciones web con un solo comando. Netlify también proporciona herramientas para monitorear y administrar aplicaciones.
Redirecciones en React
Router
Cuando crea una ruta en React Router, puede especificar una redirección a seguir. Esta redirección ocurrirá automáticamente cuando el usuario visite la ruta.
Para crear una redirección en React Router, use la función de redirección. Esta función toma dos argumentos: la ruta a seguir y una función de controlador que se llamará cuando el usuario llegue al destino de redirección. La función del controlador debe devolver un objeto con dos propiedades: estado y url. La propiedad de estado debe contener el código de estado HTTP de la redirección y la propiedad url debe contener la nueva URL que se mostrará al usuario.
Aquí hay un ejemplo de una ruta simple que usa una redirección:
importar Reaccionar desde 'reaccionar'; importar {Ruta} desde 'react-router'; importar { Redirigir } desde 'react-router-dom'; const rutas = [ { ruta : '/usuarios/:id' , componente : Lista de Usuarios , hijos : [ { ruta : '/agregar' , componente : AgregarUsuario }, { ruta : '/eliminar/:id' , componente : EliminarUsuario } ] }, { ruta : '/usuarios/:id/editar' , componente : EditUserList } ]; Exportar ruta predeterminada. crear (rutas);
