Tengo una situación en la que tengo algunos valores en el almacenamiento local almacenado. Quiero borrar esos valores cuando la página se carga por primera vez. Pero, después de eso, si quiero establecer esos valores nuevamente, debería poder hacerlo y la actualización de la página no debería eliminar esto también. Asi que. la pregunta es: ¿hay alguna forma de hacer algo solo en las cargas iniciales del componente y no hacer nada después?
Sí, ese es el uso típico de sessionStorage . Funciona de la misma manera que localStroage , pero quedará claro después de que los usuarios cierren los navegadores. Sin embargo, entre recargas de página, se conserva.
Puedes usarlo así:
// Save data to sessionStorage sessionStorage.setItem('key', 'value'); // Get saved data from sessionStorage const data = sessionStorage.getItem('key');Puede crear una variable de count y cuando la aplicación de react se ejecute por primera vez, useEffect eliminará los elementos requeridos del localstorage y establecerá el count en 1 en el almacenamiento local y luego, cada vez que el component se vuelva a procesar, verificará en localstorage si el conteo es 1 si es 1 entonces no eliminará el elemento del localstorage .
useEffect(() => { if(localStorage.getItem('count') !== '1') { localStorage.removeItem('val') localStorage.setItem('count', '1') } set() }, []) const set = () => { localStorage.setItem('val', 'skndkj') }