0

Basicamente es esto, tengo un componente padre que tiene dos hijos, uno de ellos cambia el estado del padre que se le envia por props y el otro hijo debe mostrar el estado cambiado. El problema es que cada hijo es un componente vista y se encuentran en diferentes rutas por lo que al querer redireccionar de un hijo a otro se pierde el estado. Usé location.href pero no funciona y Redirect de React Router ya no existe creo. ¿Hay alguna otra manera? Gracias por su ayuda. Componente Padre:

<BrowserRouter>
  <Routes>
    <Route path="/" element={
      <div className="App">
        <header className="App-header">
          <Loader newYear={newYear} />
          {/* hijo que cambia la informacion en "/" */}
          <Countdown setNewYear={setNewYear} newYear={newYear} inputName={inputName} setInputName={setInputName} />
        </header>
      </div>
    } />
    {/* el otro hijo que debe mostrar la informacion en "/content"*/}
    <Route path="/content" element={<Message inputName={inputName} />} />
  </Routes>
</BrowserRouter>

1 respuesta 1

0

Estuve viendo posibles soluciones y encontre el useNavigate que antes se llamaba useHistory y permite manejar las rutas. Podría ser que se utilice de esta manera:

import {useNavigate} from 'react-router-dom'

function App() {
//le asignas una variable
const navigate = useNavigate()
//redireccionar a otro componente
navigate("/content")
}

Si alguien tiene una mejor solución puede comentarla.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.