I'm trying to make a little login screen with functional React. I have an input button that I want to click and have the login post happen. For the life of me, I can't get the handler to fire. loginPressed just won't get called. I'm sure it's something easy that I'm overlooking.

import * as React from 'react';
import axios from 'axios'

export default function Login() {

  const [email, setEmail] = React.useState([]);
  const [password, setPassword] = React.useState([]);

  const loginPressed = () => {
    var body = {
      'email': email,
      'password': password
    }
    axios.post('login', body)
         .then(response => {

         })
  }

  return (
    <div>
      <p>Username:</p>
      <p><input type="text" name="email" onChange={(e) => {setEmail(e.target.value)}}/></p>
      <p>Password:</p>
      <p><input type="password" name="password" onChange={(e) => {setPassword(e.target.value)}}/></p>

      <p>
        <input type='button' value='Login' onClick={loginPressed}/>
      </p>
    </div>
  );
}