1

Como puedo refrescar una página en React, lo he intentado con reload pero se queda guardado el state de antes.

export default class Cabecera extends Component {
        reload = () => {
            window.location.reload(true);
        }
        render() {
        return (

                <button onClick={this.reload} type="button">RECARGAR</button>

            </div>
        )
    }
}

EDIT

Al parecer si hago un history push antes y despues refresco si que me elimina el state.

this.props.history.push(this.props.match.url)
window.location.reload(true);

¿Por que pasa esto?

5
  • El state es cargado en memoria. Si refrescas el documento se liberará lo que hay en ella, incluído la última versión del state.
    – gugadev
    el 19 may. 2019 a las 1:31
  • @gugadev En mi caso no pasa eso, tengo que ir a otro link y volver para que se elimine el state.
    – Tiberius
    el 19 may. 2019 a las 11:10
  • 1
    El state no es persistente; cualquier refresh significa un nuevo mount de la aplicación. Es rarísimo que tu state sea guardado aún luego de recargar. La única forma de lograr eso es que uses algún middleware como redux-persist.
    – gugadev
    el 20 may. 2019 a las 14:52
  • @gugadev Creo que se guarda en el history, estoy utilizando React router, alomejor es culpa de eso
    – Tiberius
    el 20 may. 2019 a las 16:10
  • Es lo más probable :)
    – gugadev
    el 21 may. 2019 a las 14:28

1 respuesta 1

0

Aquí hay otras alternativas

window.location.href = window.location.href;
// or
window.location.replace('');

Tu Respuesta

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

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