Digamos que ejecuto mi aplicación de reacción y navego a localhost:8080/pageA que tiene showHeader y showFooter configurados en falso. Y estos se almacenan en un reductor en el almacenamiento de la sesión. Cuando navego a localhost: 8080/pageB (en el que showHeader y showFooter deben establecerse en verdadero), todavía se muestra con showHeader y showFooter configurados en falso porque los datos de almacenamiento de la sesión no se borran y se heredan de la página A. Me pregunto cómo borrar el almacenamiento de la sesión y los datos reducidos al cambiar a otra página.
Probablemente necesite agregar sus códigos para una mejor descripción, pero si está buscando ejecutar una función cuando sale de una página (Componente), puede usar componentWillUnmount para componentes de clase y useEffect para componentes funcionales
componenteDesmontará:
componentWillUnmount() { sessionStorage.clear(); //run function that clears your redux store }efecto de uso:
useEffect(() => { return () => { sessionStorage.clear(); //run function that clears your redux store }; }, []);