Quiero agregar una casilla de verificación "Recordarme" en la que se puede hacer clic en mi página de inicio de sesión que le dice al navegador que guarde una cookie para que, si cierra la ventana del sitio sin cerrar sesión, la próxima vez que regrese, volverá a iniciar sesión. en automaticamente. Eso puede guardar nombre de usuario y contraseña

 export const getUser = () => { const userStr = sessionStorage.getItem("user"); if (userStr) return JSON.parse(userStr); else return null; }; export const getToken = () => { return sessionStorage.getItem("token") || null; }; export const setUserSession = (token, user) => { sessionStorage.setItem("token", token); sessionStorage.setItem("user", JSON.stringify(user)); }; export const removeUserSession = () => { sessionStorage.removeItem("token"); sessionStorage.removeItem("user"); }; export const handleSuccessfulLogin = async (token, rememberMe) => { localStorage.setItem("token", token); localStorage.setItem("rememberme", rememberMe); }; export const handleLogout = () => { localStorage.clear(); };

Este es mi inicio de sesión que funciona con api

 const handelLogin = () => { setError(null); setLoading(true); axios .post("https://www.mecallapi.com/api/login", { username: username, password: password, }) .then((response) => { setLoading(false); setUserSession(response.data.token, response.data.user); navigate("/Dashboard"); }) .catch((error) => { setLoading(false); if (error.response.status === 401 || error.response.status === 400) { setError(error.response.data.message); } else { setError("somthing went wrong ,please try again"); } }); };

Esta es mi casilla para recordarme

 <div className="login-bottom"> <Checkbox {...label} /> </div>