Estoy tratando de que el nombre de usuario esté configurado para recordarme la funcionalidad, pero no tengo idea de cómo configurar la funcionalidad de recordarme, usar el almacenamiento local a continuación es mi código, verifíquelo y avíseme si alguna sugerencia he usado Almacenamiento local. Soy nuevo en React JS.

A continuación se muestra mi código, por favor dame soluciones.

 const Login = () => { const navigate = useNavigate(); //navigate to next step const [items, setItems] = useState(); //variable for store api response const [error, setError] = useState({ type: '', message: '' })//res type and res Error show with loop const rmCheck = document.getElementById("rememberMe"); const username = document.getElementById("username");//remember me variable const { register, handleSubmit, formState: { errors }, reset, } = useForm(); //form Input using useform const onSubmit = (data) => { console.log(items); axios.post(`https://lt-hrm.herokuapp.com/api/v1/2022/user/login`, data) .then((res) => { setItems(res); console.log(res); localStorage.setItem('username',JSON.stringify(res.data.username)); localStorage.setItems("token", JSON.stringify(res.data.token)); if (res.status === 200 || res.message === 'Login Succesful') { setError({type:'success',message:`${res.data.message}`}) const timeout = setTimeout(() => { navigate("/campaign-details") }, 2000); return () => clearTimeout(timeout); } else if (res.status === 201 || res.statusText === "Created") { setError({ message: `${res.data.message}` }) const timeout = setTimeout(() => { setError({type:'error' , message:""}) }, 2000); return () => clearTimeout(timeout); } else { } // if (localStorage.checkbox && localStorage.checkbox !== "") { // rmCheck.setAttribute("checked", "checked"); // username.value = localStorage.username; // } else { // rmCheck.removeAttribute("checked"); // username.value = ""; // } reset(); }); }; //fuction for form submit function RememberMe() { console.log('hii'); // if (rmCheck.checked && username.value !== "") { // localStorage.username = username.value; // localStorage.checkbox = rmCheck.value; // } else { // localStorage.username = ""; // localStorage.checkbox = ""; // } }