Login component using React hooks

Login.js

const Login = () => {
    // handling complex state with useState
    const [loginDetails, setLoginDetails] = useState({username: '', password: ''})
    handleLogin = () => {
        ...
    }
    return (
            <div>
                <form>
                    {/** setLoginDetail method is called by passing a fat function which has prev state as argument */}
                    <input id='username' onInput={() => setLoginDetails(prev => ({ ...prev, username: this.value }))} />
                    <input id='password' onInput={() => setLoginDetails(prev => ({ ...prev, password: this.value }))} />
                    <button onClick={()=>handleLogin(loginDetails)}>Login</button>
                </form>
            </div>        
    );
}