Há um problema com redirecionamentos no Netlify React. Quando você cria um redirecionamento, o Netlify tenta atualizar automaticamente os componentes href e caminho do documento HTML. No entanto, esse processo às vezes pode resultar em links incorretos ou quebrados.
Se você estiver tendo problemas com redirecionamentos em seus projetos Netlify React, recomendamos desabilitar as atualizações automáticas para os componentes href e path. Você pode fazer isso definindo a seguinte propriedade na configuração do seu projeto:
netlify-react-redirect-auto-update: 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> ); } }
o que é netlify
Netlify é uma plataforma como serviço (PaaS) que ajuda os desenvolvedores a criar e implantar aplicativos da web. Ele fornece uma plataforma para os desenvolvedores criarem, gerenciarem e implantarem aplicativos da Web com um único comando. O Netlify também fornece ferramentas para monitorar e gerenciar aplicativos.
Redirecionamentos em React
router
Ao criar uma rota no React Router, você pode especificar um redirecionamento a seguir. Esse redirecionamento acontecerá automaticamente quando o usuário visitar a rota.
Para criar um redirecionamento no React Router, use a função de redirecionamento. Essa função recebe dois argumentos: o caminho a seguir e uma função de manipulador que será chamada quando o usuário chegar ao destino do redirecionamento. A função do manipulador deve retornar um objeto com duas propriedades: status e url . A propriedade status deve conter o código de status HTTP do redirecionamento e a propriedade url deve conter a nova URL que será exibida ao usuário.
Aqui está um exemplo de uma rota simples que usa um redirecionamento:
importar Reagir de 'reagir'; importar {Route} de 'react-router'; importar { Redirect } de 'react-router-dom'; rotas const = [{ caminho: '/users/:id', componente: UserList, filhos: [{ caminho: '/add', componente: AddUser}, { caminho: '/delete/:id', componente: DeleteUser} ] }, { path : '/users/:id/edit' , component : EditUserList } ]; exportar rota padrão. criar (rotas);
