/* esto es para mi portafolio quiero redirigir a la página principal después de un video corto*/
//importando paquetes según sea necesario
import './App.css'; import React from 'react'; import Vid from './assets/codingmonkeyvid.mp4' import {BrowserRouter, Routes, Route} from 'react-router-dom' import Secondary from './Secondary'// creando la función a la que puede redirigir
function Redirect() { return( <> <BrowserRouter> <Routes> <> <Route path = '/' element = {<Secondary />}></Route> </> </Routes> </BrowserRouter> </> ); }//estableciendo el intervalo para redirigir
setInterval(() => { Redirect() }, 5000);//código principal
function App() { return( <div> <center> <video src={Vid} autoPlay muted id='myVid'></video> </center> </div> ) }//fin del codigo
export default App;El componente Route no redirige. Debe importar y devolver el componente Navigate .
Importador:
import { Navigate } from 'react-router-dom'La función de redirección:
function Redirect() { return <Navigate to="/" />; }También debe crear una ruta para la ruta si no lo hizo (en algún lugar del componente de la aplicación).
function App() { return ( <BrowserRouter> <Routes> <Route path="/" element={<Secondary />} /> </Routes> </BrowserRouter> ); } Nota: si está utilizando react-router-dom v5, deberá usar su componente Redirect en lugar de Navigate .