Как отправить данные формы в конечную точку API REST?

Question

У меня есть конечная точка, которая ведет к бэкэнд-форме REST API, где вы можете добавить нового пользователя. Моя функция отправляет запрос POST, потому что я не получаю ошибку на своем конце, но всякий раз, когда я иду, проверяю мой API и просматриваю пользователей, он добавляет новый объект, но с нулевыми значениями. Я пытался сделать так, чтобы мои переменные назывались так же, как и бэкэнд, но безуспешно.

функция handleSubimt:

    handleSubmit(event) {
      event.preventDefault();

      const data = new FormData(event.target);

      fetch('http://localhost:8080/seniorproject/addUser', {
        method: 'POST',
        body: data,
      });

      console.log(data);
    }

Компонент формы:

render() {
      return (
        <form onSubmit={this.handleSubmit}>
          <label htmlFor="First Name">Enter First Name</label>
          <input id="firstName" name="firstName" type="text" />

          <label htmlFor="Last Name">Enter your Last Name</label>
          <input id="lastName" name="lastName" type="lastName" />

          <label htmlFor="studentID">Enter your student id</label>
          <input id="studentID" name="studentID" type="text" />

          <label htmlFor="Email">Enter your email</label>
          <input id="email" name="email" type="text" />

          <label htmlFor="Password">Enter your password</label>
          <input id="password" name="password" type="text" />

          <label htmlFor="Avatar">Enter your avatar</label>
          <input id="avatar" name="avatar" type="text" />

          <button>Send data!</button>
        </form>
      );