Quiero que la gente inicie sesión directamente en la cuenta desde el cajón, pero no tengo idea de cómo implementar el lado del servidor para iniciar sesión desde el cajón que sale desde fuera de la página cuando el usuario activó el botón Iniciar sesión. El cajón es de la biblioteca 'reaccionar -cajón-moderno`. Ahora mismo tengo un código como ese.

 <Drawer open={isOpen} onClose={toggleDrawer} direction='top' overlayOpacity={'0.7'} style={{textAlign:'center', width: '320px', backgroundColor: 'black', height: '100%', objectPosition: 'absolute', top:'0',right: '0',bottom: '0',left: '84%'}} className="drawer1" > <form onSubmit={handleSubmit}> <H3>log into system!</H3> <Label htmlFor="username">username</Label> <Input type='text' id='username' ref={userRef} autoComplete="off" onChange={(e) => setUser(e.target.value)} value={user} required/> <Label htmlFor="Password">Password</Label> <Input type='password' id='password' onChange={(e) => setPwd(e.target.value)} value={pwd} required/> <Span>Forgot your password? Click <a href="/forgotpassword">here</a></Span> <Button type="submit">Log in!</Button> </form> </Drawer>

Tengo función para manejarEnviar. No tengo idea de qué hacer en este código porque cada tutorial web tiene una página de inicio de sesión en otra página como /login, etc. En mi caso, todavía estamos en la página principal, que ahora es http://localhost:3000.

 const handleSubmit = async (e) => { e.preventDefault(); }```