this.props.history.push no vuelve a renderizar el componente de reacción

Solución:

Reactjs no vuelve a ejecutar el constructor método cuando solo props o state cambiar, él llama al constructor cuando llama por primera vez a su componente.

Deberías usar componentDidUpdate y haz tu búsqueda si tu nextProps.location.pathname es diferente a tu this.props.location.pathname (ubicación del enrutador de reacción)

Tuve este mismo problema con un componente funcional y lo resolví usando el gancho useEffect con el props.location como dependencia.

  import React, { useEffect } from 'react';
  const myComponent = () => {
    useEffect(() => {
      // fetch your data when the props.location changes
    }, [props.location]);
  } 

Esto llamará useEffect cada vez que props.location cambios para que pueda recuperar sus datos. Actúa como un componentDidMounty componentDidUpdate.

---

---

Utiliza Nuestro Buscador